YealZoy

Symbol是ES6引进的一种新数据类型，它代表一个独一无二的值，至此JavaScript一共有7种数据类型，分别是：Undefinded、String、Symbol、Object、Null、Number、boolean。 既然Symbol的特性代表独一无二，那典型的应用场景就…

笔者以前面试的时候经常遇到写一堆setTimeout,setImmediate来问哪个先执行。本文主要就是来讲这个问题的，但是不是简单的讲讲哪个先，哪个后。笼统的知道setImmediate比setTimeout(fn, 0)先执行是不够的，因为有些情况下setTimeout(…

先讲这样一个过程。 在$mont()的时候，会创建Watcher实例的过程，把Dep.target设置为当前Watcher，然后会开始render，render的时候就会读取到响应数据，从而触发get，只有被观察的数据才配置了get，get执行过程中会创建一个Dep实例，此时有…

通常，在我们的布局中，css每条规则的权重是导致应用在元素上的css没有生效的主要原因。为此，我们需要了解浏览器是如何利用权重进行解析的。 css 权重即每条 css 在应用时所占据的分量，优先级如何，它决定了浏览器如何将这条规则应用到相应的元素上。每一个选择器都有自己的权重级…

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替换，只需要局部刷新页面上发生变化的模块，同时可以保留当前的页面状态，比如复选框的选中状态、输入框的输入等。…

见素抱朴、少私寡欢。——老子 TCP(Transmission Control Protocol 传输控制协议)是一种面向连接(连接导向)的、可靠的、 基于 IP 的传输层协议。 我们需要知道TCP工作在网络 OSI 的七层模型中的第四层——传输层，IP 在第三层——网络层，A…

ACK：确认序号有效。 SYN：发起一个新连接。 PSH：接收方应该尽快将这个报文交给应用层。 RST：重置连接。 FIN：释放一个连接。 所谓的三次握手即TCP连接的建立。这个连接必须是一方主动打开，另一方被动打开的。以下为客户端主动发起连接的图解： 图中显示的就是完整的TC…

每开一个标签页，就相当于创建了一个独立的浏览器进程。（有的时候会将多个标签页合并成一个进程） 当界面需要重绘（repaint）或某种操作导致回流（reflow）时，该线程就会执行。 GUI渲染线程与JS引擎线程是互斥的，当JS引擎线程执行时，该线程就会被挂起，GUI更新会保存在…

试一下自己撸一个图片懒加载... 懒加载其实就是延迟加载，是一种对网页性能优化的方式，比如当访问一个页面的时候，优先显示可视区域的图片而不一次性加载所有图片，当需要显示的时候再发送图片请求，避免打开网页时加载过多资源。 当页面中需要一次性载入很多图片的时候，往往都是需要用懒加载…