在前端工程化日趋复杂的今天，模块打包工具在我们的开发中起到了越来越重要的作用，其中webpack就是最热门的打包工具之一。 说到webpack，可能很多小伙伴会觉得既熟悉又陌生，熟悉是因为几乎在每一个项目中我们都会用上它，又因为webpack复杂的配置和五花八门的功能感到陌生。…

JS 是一门弱类型语言，拥有独特的原型链机制，在宿主中的拥有一套 DOM、BOM 操作接口，增加其性能控制的复杂性。JavaScript 主要应用场景依然围绕浏览器展开，所以，它在浏览器中的行为表现依然重要。本篇将从笔者的实践经验出发，分别从加载解析、语法优化、DOM 操作等各…

React Fiber 是Facebook花费两年余时间对 React 做出的一个重大改变与优化，是对 React 核心算法的一次重新实现。

React17将只提供别名，取个别名的目的就是恶心你，不让你使用。 getSnapshotBeforeUpdate() 在最近一次的渲染输出被提交之前调用。也就是说，在 render 之后，即将对组件进行挂载时调用。 componentDidUpdate() 会在更新后会被立即…

对于我们前端开发来说，尤其是做数据可视化领域的同学，对于echarts的使用可以说是家常便饭，echarts可以帮助我们轻松的将数据用各种图形作展示，助力数据的可读性

传统的diff算法是使用循环递归对节点进行依次对比，复杂度为O(n^3),效率低下。 针对树结构(tree diff)：对UI层的DOM节点跨层级的操作进行忽略。（数量少） 针对组件结构(component diff)：拥有相同类的两个组件生成相似的树形结构，拥有不同类的两个组…

本文用于记录最近学习的 React 原理，如果有错误或者不严谨的地方，烦请给予指正，十分感谢。如果喜欢或者有所启发，欢迎点赞，对作者也是一种鼓励。如果还有 React 相关的原理没有写进来，欢迎留言补充，我会持续更新。谢谢 🙏 先讲一下前置知识：事件委托。事件委托利用的是事件…

微前端是一种由独立交付的多个前端应用组成整体的架构风格，将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的应用。本文对微前端的原理和实践进行了详细的描述，并预告Modern.js即将开源～

本文将以理论介绍的方式来对微前端这个概念做一个整体扫盲，涉及到的大多数理论知识并不会太过于对展开，如果读者对一些细节比较感兴趣，可以留言或者搜索相关的概念。 微前端（Micro-Frontends）是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单…