不知道讷讷

vue的组件更新过程经历dom diff和patch过程。本文就介绍vdom的diff算法。硬核预警。 先聊聊vdom，vdom是为了减轻性能压力。dom是昂贵的，昂贵的一方面在dom本身的重量，dom节点在js里的描述是个非常复杂属性很多原型很长的超级对象，另一方面是浏览器渲…

说太多没啥用，还是要看源码。 核心是 defineProperty这个方法，它可以 重写属性的 get 与 set 方法，从而完成监听数据的改变。 对data进行observe，调用new Observe遍历data进行setter和getter绑定。 如果数组，会调用Obse…

本文主要考量客户端性能、服务器端和网络性能，内容框架来自 Yahoo Developer Network，包含 7 个类别共 35 条前端性能优化最佳实践，在此基础上补充了一些相关或者更符合主流技术的内容。 同时，建议关注及时更新的 Google 性能优化指南。 Web 前端 …

那么当我们在node层处理数据的时候要按照约定的格式返回给前端，但是不想每次都人肉写这么一串，就需要封装一下，写个公用类，把主要数据扔进去处理一下即可。

1. URL 到底是啥 URL（Uniform Resource Locator），统一资源定位符，用于定位互联网上资源，俗称网址。 scheme - 定义因特网服务的类型。常见的协议有 http、https、ftp、file，其中最常见的类型是 http，而 https 则是…

promise简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。 一个promise的当前状态只能是pending、fulfilled和rejected三种之一。状态改变只能是pending到fulfilled或者pending到rejected…

盒模型有两种：1. W3c标准的盒子模型（标准盒模型） 2. IE标准的盒子模型（怪异盒模型） 当render tree中的一部分(或全部)因为元素的规模尺寸，布局，隐藏等改变而需要重新构建，这就称为回流(reflow)。每个页面至少需要一次回流，就是在页面第一次加载的时候，这…

这时再从宏队列里取出位于首位的一个任务，然后放入调用栈执行，执行完毕之后，再去取微队列里的任务，按照之前的步骤循环。 作用域是在运行时代码中的某些特定部分中变量，函数和对象的可访问性。 换句话说，作用域决定了代码区块中变量和其他资源的可见性。 ES6 之前 JavaScript…

例如，当在访问数据库取得数据的时候，需要一段时间。在传统的单线程处理机制中，在执行了访问数据库代码之后，整个线程都将暂停下来，等待数据库返回结果，才能执行后面的代码。也就是说，I/O阻塞了代码的执行，极大地降低了程序的执行效率。 由于 Node.js 中采用了非阻塞型I/O机制…