mangoyi

节流（throttle）：每隔一段时间执行一次，也就是降低频率，将高频操作优化成低频操作。通常使用场景： 滚动条事件，窗口resize事件，通常每隔100-500ms执行一次

钩子函数，其实和回调是一个概念，当系统执行到某处时，检查是否有hook，有则回调。说的更直白一点，每个组件都有属性，方法和事件。所有的生命周期都归于事件，在某个时刻自动执行。 Vue所有的生命周期钩子函数都是自动绑定到上下文的。所以不能使用箭头函数，箭头函数会导致this指向父…

在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的DOM Vue在更新DOM时是异步更新的。只要侦听到数据变化，Vue将开启一个队列，并缓冲在同一事件循环中发生的所有数据变更。如果同一个watcher被多次触发，只会被推入到队列中一次。这种在…

HTTP（超文本传输协议）是用于传输诸如HTML的超媒体文档的应用层协议，它被设计用于Web浏览器和 Web服务器之间的通信。 HTTP遵循经典的客户端-服务端模型，客户端打开一个链接以发出请求，然后等待它收到服务器端响应。HTTP是无状态协议，意味着服务器不会再两个请求之间保…

transition是一个CSS模块，定义了如何创建一个平滑地变换CSS属性值的方法。它不仅允许创建变换方法，同时也可以通过定时函数来控制变换方法。 cubic-bezier() 定时函数，定义了一条立方贝塞尔曲线，一般用于动画的平滑变换，也被称为缓动函数。 animation…

可以看到，第九个字的时候便会折行了。这是因为设置为position:fiexd元素不仅位置相对于屏幕边界定位，如果不指定元素宽高的话，宽高同样也会相对于屏幕边界被截断。 由于font-size:0，所以x中心点的位置就是.container的上边缘，此时高度100%的宽度为0的…

路由最先是在后端出现的，之前是通过服务端渲染返回页面。 简单地说路由就是用来跟后端服务器进行交互的一种方式，通过不同的路径，来请求不同的资源，请求不同的页面是路由的其中一种功能。 异步交互的更高级版本就是SPA（single-page application）-单页应用。单页应…

浏览器发送请求前，根据请求头的expires和cache-control判断是否命中强缓存策略，如果命中，直接从缓存获取资源，并不会发送请求。如果没有命中，进入下一步。 没有命中强缓存规则，浏览器会发送请求，根据请求头的last-modified和etag判断是否命中协商缓存，…