从输入URL到浏览器显示页面过程中都发生了什么？ URL的输入到浏览器解析的一系列事件 浏览器根据请求的url交给DNS域名解析 发起TCP连接 发送HTTP请求 服务器处理请求并返回HTTP报文 浏览器解析渲染页面 连接结束。 简单说说，浏览器根据请求的url交给dns域名解析，查找真正的ip地址，向服务器发起请求；服务器交给后台处理后，返回数据，浏览器会接收到文件数据，比如，html,js，css，图像等；然后浏览器会对加载到的资源进行 2021-05-27 计算机网络 计算机网络 http
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 协议
