趁你还年轻233

前言 在前端的热门框架中，Diff 作为 Virtual DOM 执行更新的核心流程，对于框架的性能提升起到了关键的作用。那么，Diff 算法又是如何实现的呢？接下来本文将带大家了解一下简单 Diff

对 Svelte 框架有所耳闻的朋友可能都听说过：和 React 或 Vue 不同， Svelte 并不采用 Virtual DOM，而是在部署前将代码编译为原生的 DOM 操作和 vanilla js，从而在运行 Web 应用的时候不需要依赖框架本身的运行时，也不需要做 di…

深入聊一聊__esModule     当ECMAScript module(简称es module) 的模块化语法import/export产生的时候，commonjs的require/module

如果小伙伴有做过首屏加载时间优化，应该会遇到chunk-vendors.js这个文件，巨大无比，加载时间超长，是首屏加载时间过长的罪魁祸首之一。 下面通过一个实际的项目来演示，先通过插件webpack-bundle-analyzer来可视化地查看chunk-vendors.js…

「万字长文」超硬核 ！手把手带你实现开源 Webpack 插件项目，逐步带你走进Webpack开发者的世界。从此对于 Webpack 插件开发，真正做到 “知其然，知其所以然”。

从这个章节开始我们就步入正题了，那一开始要做啥子呢，显然画布是一切物体的开端🚀，所以首先要搞定的就是它。

其实有这样一个开源框架，支持React方式写组件，最终打包后的产物为WebComponents。 它就是direflow，这个框架支持React方式写WebComponents。

property：是js获取的DOM对象上的属性值，比如a，你可以将它看作为一个基本的js对象。 这个节点包括很多property，比如value，className以及一些方法onclik等方法。 从上图中我们可以看出，一个js对象有很多property，该集合名字为prop…

symbol 是一种基本数据类型。Symbol() 函数会返回 symbol 类型的值，该类型具有静态属性和静态方法。