用户32002084678

人法地，地法天，天法道，道法自然。 关键渲染路径（Critical Rendering Path）是指与当前用户操作有关的内容。例如用户刚刚打开一个页面，首屏的显示就是当前用户操作相关的内容，具体就是浏览器收到HTML、CSS 和 JavaScript 等资源并对其进行处理从而…

知足则不辱，知止则不殆。——老子 我们在看一些前端优化规则的时候，比如雅虎军规等等，都有看到 style 写在 head 中，但是外链 script 写在 body 的最后，以优化性能，都知道应该怎么做，但是不知道其中的原理。 如果还不知道浏览器渲染的原理的，看一看浏览器渲染原…

知足则不辱，知止则不殆。——老子 大多数设备的刷新频率是60Hz，也就说是浏览器对每一帧画面的渲染工作要在 16ms 内完成,超出这个时间，页面的渲染就会出现卡顿现象，影响用户体验。 repaint/重绘 和 reflow/回流发生在什么渲染的那个阶段，我们要了解什么叫做 re…

在以前经常用到的cookie、session，但在H5中新引入了新的浏览器本地缓存方案。因为大家使用的不太规范用来作为本地储存工具，在下次请求时会默认带上cookie中的数据导致浪费性能和流量。 下面就从开始介绍为什么产生的cookie，它的出现是为了解决什么问题，它有什么问题…

HTML5 开始提供的一种浏览器与服务器进行全双工通讯的网络技术，属于应用层协议。它基于TCP 传输协议，并复用 HTTP 的握手通道。 WebSocket 可以实现客户端与服务器间双向、基于消息的文本或二进制数据传输。WebSocket 连接远远不是一个网络套接字，因为浏览器…

Web Sockets定义了一种在通过一个单一的 socket 在网络上进行全双工通讯的通道。仅仅是传统的 HTTP 通讯的一个增量的提高，尤其对于实时、事件驱动的应用来说是一个飞跃。 通过Polling(轮询)、Long-Polling(长轮询)、Websocket、sse的…

在 vue 的官方文档中有一个 API 叫做 nextTick，将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用这个方法，获取更新后的 DOM。 放在Vue.nextTick()回调函数中的执行的应该是涉及 DOM操作的 JavaScript 代码。 Vue …

在 ES6 之前，JavaScript 没有块级作用域(一对花括号{}即为一个块级作用域)，只有全局作用域和函数作用域。变量提升即将变量声明提升到它所在作用域的最开始的部分。 在 JavaScript 代码运行之前其实是有一个编译阶段的。编译之后才是从上到下，一行一行解释执行。…

引用类型：Object、Array等等。 所有基本类型的值都是不可改变的。但需要注意的是，基本类型本身和一个赋值为基本类型的变量的区别。 变量会被赋予一个新值，而原值不能像数组、对象以及函数那样被改变。 引用类型 引用数据类型的值是保存在堆内存中的对象。JavaScript不允…