前一段时间我把webpack源码大概读了一遍，webpack 到4.x版本后，其源码已经比较庞大，对各种开发场景进行了高度抽象，阅读成本也愈发昂贵。 过度分析源码对于大家并没有太大的帮助。本文主要是想通过分析webpack的构建流程以及实现一个简单的webpack来让大家对we…

1. 按住shift + @ 的时候，弹出通知人列表 2. 选择时 @的用户标签插入当前的光标位置中 3. 生成@的用户标签的规则是：高亮、携带用户ID、一键删除信息、不可以编辑。 4. 文本框要随内

之前面试的大佬问我关于重排重绘的原理和具体操作，一下子把我问蒙了。回家便默默地把问题记下来，仔细总结……在阅读了一些文章后，自己也有了一定的理解，所以分享给大家。希望大家也能耐心把这篇文章看完，认真思考，彻底掌握这个知识点！ 5.将布局绘制(paint)在屏幕上，显示出整个页面…

现代浏览器为了更好的用户体验，渲染引擎将尝试尽快在屏幕上显示的内容。它不会等到所有DOM解析完成后才布局渲染树。而是当js阻塞发生时，会将已经构建好的DOM元素渲染到屏幕上，减少白屏的时间。

作为 Web 工程师，我们每天写 HTML，CSS 和 JS，但是浏览器是如何解析这些文件，最终将它们以像素显示在屏幕上的呢？这一过程叫做 Critical Rendering Path

一、首先新建一个<canvas>网页元素。 上面代码中，如果浏览器不支持这个API，则就会显示<canvas>标签中间的文字——“您de浏览器不支持canvas！”。 每个canvas节点都有一个对应的context对象（上下文对象），Canvas API定义在这个contex…

两者区别：Array.of(7) 创建一个具有单个元素 7 的数组，而 Array(7) 创建一个长度为7的空数组（**注意：**这是指一个有7个空位(empty)的数组，而不是由7个undefined组成的数组）。 Array.isArray() 用于确定传递的值是否是一个 …

牛客最新前端JS笔试百题包括：单选题60+，多选题13、填空题18、程序题80+(选择题带答案)。希望能帮到各位即将面试的前端大佬们。后续面经300题还在整理中，如有需要，请关注我的博客发文动态。

雷迪森安的乡亲们，欢迎来到老实人的前端课堂，上次写了一个新春小盲盒，这大过年的，我把烟花都给你们准备好了，今天我们来写个小烟花吧。注意看有两种模式哦，可以自由切换，鼠标点哪里哪里有烟花，还可以自动放烟