Weybn

因为是后端Boy，所以一直用的是IDEA，于是在选择前端IDE的时候自然而然选择了全家桶中的WebStorm，但是在使用的过程中也是遇到了很多问题，于是...

本文以组件开发场景为例子讲解如何开发一款Cli工具，功能围绕组件的创建、构建、发布三个生命周期阶段展开。...

Code Generation即代码生成，Webpack将分析完代码组织形式之后，进入了代码转译生成阶段。...

插件（Plugin）的概念插件是一种遵循一定规范的应用程序接口编写出来的程序，从而解耦系统能力，本文介绍Webpack插件机制实现原理。...

浏览器能够识别的语言只有JS、CSS和HTML，但在前端生态衍生出了很多新的语言以及语言糖，如TS、Less、JSX、Vue Template，编译器无法直接解析这些语言/...

在计算中，缓存是一个高速数据存储层，相比于直接访问源数据，缓存能够提供给用户和App更容易获取数据的途径。Webpack缓存为是一把提高构建速度的利器。本文详细介绍Webp...

总结起来是webpack热更新模式能够做到当应用代码发生变更、增删时，无需刷新应用，而是以模块为最小颗粒度进行模块替换或修改的能力，从而提高开发效率。...

Tapable介绍 钩子类型 Tapable提供十种类型事件钩子管理方案，可以按同步和异步场景做区分： 同步场景：回调函数函数是同步执行 异步场景：回调函数是异步执行 钩子...

Web应用代码体积会影响到应用的加载速度，Webpack提供分包能力生成多个文件。在生成文件之前，Webpack需要解决文件怎么写问题。...

Webpack原理解析系列文章之构建依赖拓扑图原理解析，Webpack不能够直接分析文件，而是需要将文件映射到内存中才能够分析模块依赖拓扑，本文详细讲解依赖拓扑图构建过程。...

本文通过解析Webpack构建过程中三个阶段：模块依赖拓扑图构建、产物组织形式分析、代码生成原理为读者讲解构建原理，想浅了解Webpack原理一定不要错过~...

写一篇关于 React Fiber 的文章， 这个 Flag 立了很久，这也是今年的目标之一。 最近的在掘金的文章获得很多关注和鼓励，给了我很多动力，所以下定决心好好把它写...

讲解React Schedule实现原理，React Schedule实现原理本质是模拟requestIdleCallback这个api。...

Javascript中，async/await是ES6的新语法，本文主要探究在原生不支持这种语法的浏览器上是如何实现的...

讲述React17、Vue2.0、Vue3.0 virtual dom部分对于新旧节点的复用算法，也成diff算法。...

本文首发于：https://github.com/bigo-frontend/blog/ 欢迎关注、转载。 谈谈React Fiber与分片 React的理念和Fiber的...

在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。 Vue.nextTick与vm.$nextTick方法作用是一样的，区...

如果我们用 Canvas 实现了一些动画效果，需要将它回放出来，很多人通常就是用录屏工具将屏幕内容录下来播放，很少有人知道，Canvas 可以直接通过现代浏览器支持的 Me...