WebSocket和Socket.io介绍以及聊天室功能实现 WebSocket在介绍 Socket.io 之前，首先需要说一说什么是 WebSocket。 详细了解参考： MDN上的介绍 知乎上的介绍 WebSocket 与 Socket.io 介绍为什么需要WebSocket 我们知道，在 HTML5 之前，客户端和服务器通过 HTTP 协议交换数据，但是，HTTP 协议具有两个特点： HTTP 协议是一种单向的网络协议。在建立连接后，它只允许客户端 2021-05-22 聊天室 WebSocket Socket.io
函数的防抖与节流 函数防抖和节流，都是控制事件触发频率的方法。应用场景有很多，输入框持续输入，将输入内容远程校验、多次触发点击事件、onScroll等等。 防抖函数防抖，这里的抖动就是执行的意思，而一般的抖动都是持续的，多次的。假设函数持续多次执行，我们希望让它冷静下来再执行。也就是当持续触发事件的时候，函数是完全不执行的，等最后一次触发结束的一段时间之后，再去执行。 分解一下需求： 持续触发不执行不触发的一段时 2021-05-16 JS 前端基础 JS
JS&call&apply&bind的用法和区别 call和bind它们最主要的作用，是改变 this 的指向。在平时的工作中，除了在写一些基础类，或者公用库方法的时候会用到它们，其他时候 call 和 apply 的应用场景并不多。 不过，突然遇到的时候，需要想一下才能转过弯来。所以今天，就让我们好好地探究一下，这两个方法的区别以及一些妙用。最后，还会介绍与之用法相似的 bind 的方法。 call 和 apply 的共同点它们的共同点是，都 2021-05-14 JS 前端基础 JS
HTTP 方法get和post的区别 前景现在在前端面试中还有一些面试官会问get和post的区别。对于目前我们能了解get和post在什么场景下使用，使用方式有什么区别，以及如何提交数据这些基本上就可以了。 GetGET请求的数据会附加在URL之后，用问号分割，多个参数用&进行连接。 GET请求的数据会暴露在地址栏中。 GET请求URL的编码格式采用的是ASCII编码，而不是Unicode编码。 GET请求传输大小有限制， 2021-05-13 计算机网络 计算机网络 get&post
JS&this指向 谈谈 This 对象的理解。在 ES5 中，其实 this 的指向，始终坚持一个原理：this 永远指向最后调用它的那个对象>，来，跟着我朗读三遍：this 永远指向最后调用它的那个对象，this 永远指向最后调用它的那个对象，this 永远指向最后调用它的那个对象。记住这句话，this 你已经了解一半了。 this 是执行上下文中的一个属性，它指向最后一次调用这个方法的对象。在实际开发中 2021-05-12 JS 前端基础 JS
ES6-Symbol&promise、generator、async/await&rest参数 ES6 SymbolES6 引入了一种新的原始数据类型 Symbol，表示独一无二的值。 基本用法Symbol 函数栈不能用 new 命令，因为 Symbol 是原始数据类型，不是对象。可以接受一个字符串作为参数，为新创建的 Symbol 提供描述，用来显示在控制台或者作为字符串的时候使用，便于区分。 1234567let sy = Symbol("KK");console. 2021-05-11 ES6 前端基础 ES6
BFC--块级格式化上下文 BFC BFC是Block Formatting Context，也就是块级格式化上下文，是用于布局块级盒子的一块渲染区域。 简单来说就是，BFC是一个完全独立的空间（布局环境），让空间里的子元素不会影响到外面的布局。那么怎么使用BFC呢，BFC可以看做是一个CSS元素属性 文档流其实分为普通流、定位流和浮动流三种，普通流其实就是指BFC中的FC，也即格式化上下文。 普通流：元素按照其在 2021-05-10 CSS CSS 前端基础
详情页&对全局事件解绑&递归组件实现详情页 项目地址视频演示地址 详情页动态路由及banner布局实现点击以下能够进入详情页 src\pages\home\components\Recommend.vue中router-link 123456789101112131415<router-link tag="li" class="item border-bottom" v-for=&qu 2021-05-08 Vue项目实战 前端基础 Vue
三次握手和四次挥手 TCP 协议三次握手客户端-发送带有SYN标致的数据包-一次握手–服务端 服务端-发送带有SYN/ACK标致的数据包-二次握手-客户端 客户端-发送带有ACK的数据包-三次握手-服务端 目的： 建立可靠的通信通道 ，数据的发送和接收（双方正常） 翻译成大白话就是： 客户端：你能接收到我的消息吗？ 服务端：可以的，那你能接收到我的回复吗？ 客户端：可以，那我们开始聊正事吧。 为什么是3次？ 2021-05-08 计算机网络 计算机网络 TCP 协议
Vue&Vuex Vuex介绍Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化. Vuex 解决了多个视图依赖于同一状态和来自不同视图的行为需要变更同一状态的问题，将开发者的精力聚焦于数据的更新而不是数据在组件之间的传递上 多个视图依赖于同一状态。 来自不同视图的行为需要变更同一状态。 对于问题一，传参的 2021-05-07 Vue 前端基础 Vue
