这仅仅是读React技术揭秘的笔记. 理念 为了构建快速响应的大型 Web 应用程序。 快速响应的制约瓶颈 CPU瓶颈: 大量计算导致的页面掉帧 IO瓶颈: 页面数据需要等待网络数据返回,即网络延迟

结果我一路到现在都是处于这么一种状态：看到一个新的框架—看看文档和场景—嗯哼，不错—学！ 虽然这样也造成我目前没有特别深入的方向，比如21届的大佬们在工程化、微前端、AST、NodeJS等等方向都已经开始深耕，我还在~~追着各种新框架学~~当弟弟，但不得不说，在学习新事物的过程…

然而，上面的代码是有深坑的（在坑中爬了半天 - . -），下面聊聊我的爬坑历程。 页面中有两个 Chart 组件，他们会监听 window.resize 事件，然后在控制台输出 "resize"。 两个 Chart 实例中的 resize 会调用同一个 debounce 函数，…

react-redux 提供了两个重要的对象， Provider 和 connect ，前者使 React 组件可被连接（connectable），后者把 React 组件和 Redux 的 store 真正连接起来。react-redux 的文档中，对 connect 的描述…

通过插件我们可以扩展webpack，在合适的时机通过Webpack提供的 API 改变输出结果，使webpack可以执行更广泛的任务，拥有更强的构建能力。 本文将尝试探索 webpack 插件的工作流程，进而去揭秘它的工作原理。同时需要你对webpack底层和构建流程的一些东西…

Webpack可以将其理解是一种基于事件流的编程范例，一个插件合集。 而将这些插件控制在webapck事件流上的运行的就是webpack自己写的基础类Tapable。 将plugin控制在webapack事件流上运行（如下图）。后面我们将看到核心的对象 Compiler、Com…

「万字解析」详解 Tapable 核心工作机制，Webpack Plugin 必备前置知识解读。从原理玩转 Webpack ，真正精通所谓工程化前端。

tapable 是为了使系统更容易扩展而抽象的库。它要求将程序设计为一套流程，然后开发者可以在任意的流程节点中进行扩展，达到开发者想要扩展的目的。

大厂面试越来越难，对算法的要求也越来越多，当面试官问到一个算法题，给出一份完美答案能大大提高面试官的好感度，本系列就是致力于打造一套适用于前端的算法。 1. 解法一：使用API 2. 解法二：不使用API 3. 更多题解 1. 题目 给定一个字符串，请你找出其中不含有重复字符的…