在处理海量数据渲染（如万级甚至十万级列表）时，直接操作 DOM 会导致严重的页面卡顿甚至崩溃。虚拟列表这时就是前端性能优化的“核武器”。

在前端工作中免不了接触到虚拟列表，本文通过简单易懂的图和代码手把手教大家实现三种虚拟列表。看完本文，相信各位随手就能撸出一个虚拟列表！

所有人都知道 Webpack 很复杂，但 Webpack 的源码却很优雅，是一个典型的可插拔架构，不仅逻辑清晰，而且灵活好扩展。近几年出来的一些构建工具，大多也都参考了 Webpack 的这种架构方式

虚拟列表的核心思想是只渲染可视区域内的数据项，当用户滚动列表时，动态更新可视区域内的数据项。这样可以避免一次性渲染大量数据项，减少 DOM 操作，提高性能。

这是我基于当前技术发展趋势下的看法，在技术进步、用户期望的改变以及对更加高效工作流程的需求的推动下，前端开发者正在采用新的工具、框架和范例来创造沉浸式、高性能和可访问的网络体验。

进程与线程 在讲浏览器的事件循环机制，需要先讲一下浏览器的进程模型。 何为进程 每个程序的运行都需要内存开辟一块独属于它自己的空间，我们可以把这块空间理解为进程。 每个应用程序都至少有一个进程，每个进

字符串模板引擎通过解析模板语法、结合数据上下文、生成最终 HTML 的方式，解决了传统字符串拼接的可读性和维护性问题。从简单的正则表达式替换到复杂的 AST 解析，不同的实现方案各有优劣，理解其核心原

1. 前端如何取消重复请求？ 2. 取消请求后服务端还会收到请求吗？ 3. 如何取消低优先级的请求？ 4. 图片懒加载时如何取消已触发但不在可视区的请求？ 5. AbortController还能做啥

三. tree-shaking实践 webpack2 发布，宣布支持tree-shaking，webpack 3发布，支持作用域提升，生成的bundle文件更小。 再没有升级webpack之前，增幻想我们的性能又要大幅提升了，对升级充满了期待。实际上事实是这样的 升级完之后，b…