用户377314612752

Webpack 4 发布已经有一段时间了。Webpack 的版本号已经来到了 4.12.x。但因为 Webpack 官方还没有完成迁移指南，在文档层面上还有所欠缺，大部分人...

代码分割是 Webpack 最引人注目的特性之一。这个特性允许开发者将代码分割成不同的包，然后可以按需加载或并行加载这些包。它可以用来实现更小的包，并控制资源加载优先级，如...

前言 在前端面试的过程中，前端工程化一直是考察面试者能力的一个重点，而在我们常用的项目打包工具中，无论是webpack还是rollup，都具备一项很强大的能力——tree-...

官方的定义： requestAnimationFrame 即请求动画帧，它是一个浏览器的宏任务。简单的说，这个api主要是用来做动画的。...

承接上篇，当遇到新旧节点均为 children 属性有值的情况，继续分析四种命中查找的后两种：3. 新后与旧前；4. 新前与旧后...

上一篇《虚拟 DOM 和 diff 算法 -01》我们手写实现了 h 函数，本篇着重介绍 diff 算法以及手写 patch 函数。...

diff 用于精细化对比，最小量更新；虚拟 DOM 则是用 js 对象描述 DOM 的层次结构。DOM 中的一切属性都在虚拟 DOM 中有对应的属性。...

vue3中$on，$off 和 $once 方法已被移除，不再提供EventBus。然而一些小项目中我们仍希望用EventBus,官方推荐mitt等方案来代替，本文对mit...

前言 Object.defineProperty是vue2为实现响应式所用到的js中的一个重要的API，我们只有在掌握了这个核心方法之后，才能更深入地理解vue原理。 接下...

逐步分析computed和watch的初始化过程和更新原理。以及从源码层面分析computed和watch的区别。...

近段时间，在开发移动端项目的时候，产品提了一个“自定义页面”的需求，刚开始在DevTools上做得顺风顺水，一马平川，直到在提交到测试环境用不同的真机访问页面时，却发现了一...

大四应届生面试字节飞书团队，哐当一下就在 Promise.all 这里跌倒了，因此对这块知识做一个复盘，拓宽自己知识面。...

更新：在常用七种继承方案的基础之上增加了ES6的类继承，所以现在变成八种啦。 构造函数、原型和实例之间的关系：每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的...

笔者之前写过一篇 【从头到脚】撸一个多人视频聊天 — 前端 WebRTC 实战（一），主要讲 WebRTC 的一些基础知识以及单人通话的简单实现。原计划这篇写多人通话的，鉴...

前言 作为一个前端开发工程师，熟练掌握JS这门语言是必须要的。无论是日常的工作中，亦或者是出去面试找工作，JS掌握的多深多好，很大程度上决定了你能走的多远。今天本人就来介绍...

一. 原型修改 先看这个例子 执行p.getName()，控制台打印： 此时，p 的构造函数是 Person，p 的 __proto__ 指向构造函数 Person 的 p...

BFC（Block Formatting Context）块格式化上下文， BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。...

网页中经常有鼠标hover某一个盒子出现上升，并带有亮光的特效，不多说直接看下面的动图。 思路分析 效果分析 仔细观察，鼠标hover后，盒子出现了上升的现象，盒子周围也出...