JSON_22414

面试官：npm run xxx的时候，发生了什么？讲的越详细越好。 我（嘿嘿，稳了，这次我要30k）: 嘻嘻！

对于较长的列表，比如1000个数组的数据结构，如果想要同时渲染这1000个数据，生成相应的1000个原生dom，我们知道原生的dom元素是很复杂的，如果长列表通过生成如此多的dom元素来实现，很可能使网页失去响应。 首先我们尝试在React项目中，未做任何优化一次性渲染1000…

作为一个合格的前端工程师，浏览器相关的工作原理是我们进行性能优化的基石，我之前也强调过知识体系的重要性，这部分原理性的内容就是知识体系中的重要部分，必须牢牢掌握才能面对瞬息万变的实际场景，针对性地给出实际方案，而不是背诵各种开发军规和性能优化的条例，这样很难发现真正的问题所在,…

2021 高频前端面试题汇总之JavaScript篇，前端面试题汇总系列文章的JavaScript篇，长期更新，欢迎收藏、点赞！

总共6千多字的篇幅，以散文的形式，写给35岁的自己，简单地回顾过去、总结现在、展望未来，希望当36岁的自己回过头来看的时候，能够鄙视现在的自己，写出更好的《写给36岁的自己》。

早在react16发布之前，就有个新鲜玩意儿被炒的沸沸扬扬，对，就是时间分片这个东西。但是这个挺起来高大上的玩意儿到底是个啥呢？接下来我们就分析一下~ 1. 为什么需要时间分片？ 2. 时间分片是怎么实现的？ 3. 所谓的时间分片它"分"的到底是啥？ 1. 为什么需要时间分片？…

webpack是时下最流行的前端打包构建工具，本质上是一个模块打包器，通过从入口文件开始递归的分析寻找模块之间的依赖，最终输出一个或多个bundle文件。 将生成的内容根据配置生成文件，输出到指定的位置。 webpack的核心对象是Compile，负责文件的监听和启动编译，继承…

其实这个过程从用户的角度来说，其实无非就是连接上了，发送消息呗。

窗口的resize、scroll、输入框内容校验等操作时，如果这些操作处理函数是较为复杂或页面频繁重渲染等操作时，在这种情况下如果事件触发的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（节流）的方式来减少触发的…