用户32002084678

人法地，地法天，天法道，道法自然。 关键渲染路径（Critical Rendering Path）是指与当前用户操作有关的内容。例如用户刚刚打开一个页面，首屏的显示就是当前...

知足则不辱，知止则不殆。——老子 我们在看一些前端优化规则的时候，比如雅虎军规等等，都有看到 style 写在 head 中，但是外链 script 写在 body 的最后...

知足则不辱，知止则不殆。——老子 大多数设备的刷新频率是60Hz，也就说是浏览器对每一帧画面的渲染工作要在 16ms 内完成,超出这个时间，页面的渲染就会出现卡顿现象，影响...

在以前经常用到的cookie、session，但在H5中新引入了新的浏览器本地缓存方案。因为大家使用的不太规范用来作为本地储存工具，在下次请求时会默认带上cookie中的数...

HTML5 开始提供的一种浏览器与服务器进行全双工通讯的网络技术，属于应用层协议。它基于TCP 传输协议，并复用 HTTP 的握手通道。 WebSocket 可以实现客户端...

Web Sockets定义了一种在通过一个单一的 socket 在网络上进行全双工通讯的通道。仅仅是传统的 HTTP 通讯的一个增量的提高，尤其对于实时、事件驱动的应用来说...

在 vue 的官方文档中有一个 API 叫做 nextTick，将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用这个方法，获取更新后的 DOM。 放在Vu...

在 ES6 之前，JavaScript 没有块级作用域(一对花括号{}即为一个块级作用域)，只有全局作用域和函数作用域。变量提升即将变量声明提升到它所在作用域的最开始的部分...

引用类型：Object、Array等等。 所有基本类型的值都是不可改变的。但需要注意的是，基本类型本身和一个赋值为基本类型的变量的区别。 变量会被赋予一个新值，而原值不能像...

HTTP缓存相信都不陌生，因为它是在前端性能优化中必不可少的一个环节。在首次进入或者请求数据正常传输数据，而当再次进入或者请求数据时，可以走本地或者服务器上的缓存，来节省流...

首先了解一下PWA（Progressive web apps，渐进式 Web 应用）运用现代的 Web API 以及传统的渐进式增强策略来创建跨平台 Web 应用程序。 P...

首先我们要了解什么是深拷贝、浅拷贝，要了解深拷贝/浅拷贝首先要了解浅拷贝JavaScript中的数据类型。 基本类型是储存在栈(stack)中的数据。 引用类型真实数据是储...

本篇文章主要介绍深拷贝的一种简单实现方式JSON.parse/JSON.stringify。自己动手实现这两种方法。...

在上篇文章中我们深入了解了JSON.parse/JSON.stringify，并且自己实现了一个JSON.parse/JSON.stringify，在这篇文章中我们要自己实...

现在基本上都是通过forEach、every来代替for循环，for循环可以通过break、continue跳出循环。而 forEach 可以不可以呢，下面一步一步的验证一...

JavaScript中的变量提升和{}产生的特异表现。 在 ES6 之前，JavaScript 没有块级作用域(一对花括号{}即为一个块级作用域)，大致分为全局作用域和函数...

感觉还是通过clone webpack源码包调试的比较好一点，也方便调试最新代码和切换版本。 不同的调试方法适合不同的运行方式，下面会进行一一介绍。 首先通过github找...

说明一点看webpack的编译流程非常枯燥，即使看完理解之后也不见得能对本上有很多帮助。 Entry: 指定webpack开始构建的入口模块，从该模块开始构建并计算出直接或...

sourceMap对现在的项目来说也是比较重要的，因为在打包完成之后的代码是经过混淆、压缩的，不能很好的进行定位。如果想看到准确的代码位置，Source Maps（源映射）...

CSS 网格布局擅长于将一个页面划分为几个主要区域，以及定义这些区域的`大小、位置、层次`等关系（前提是 HTML 生成了这些区域）。...