以上3种方式都是使用原生DOM API，都可以实现效果，但是性能上会存在差异。造成差异的原因多种多样，可能取决于元素类型，列表长度，甚至浏览器版本（万恶的IE）。因此应当根据当前环境灵活选用不同的DOM操作方式，但这无疑增加了开发难度，不利于工程师专注实现当前业务。 使用Rea…

在很长一段时间内，标准答案是class components提供更多的特性（像state）。但随着Hooks的出现，答案就不再是这样子了。 或许你听说过他们中的一个性能可能更好，哪一个？因为各种的判断标准获取都存在缺陷，所以我们需要小心仔细的得出结论。性能的好坏主要取决于什么？…

React高阶组件(HOC)，对于很多react开发者来说并不陌生，它是灵活使用react组件的一种技巧，高阶组件本身不是组件，它是一个参数为组件，返回值也是一个组件的函数。高阶作用用于强化组件，复用逻辑，提升渲染性能等作用。高阶组件也并不是很难理解，其实接触过后还是蛮简单的，…

目前工作快四年，年后投了一波简历，这里整理了一下新鲜出炉的前端面经，需要的可以自取。 面试挺累人的，每天下班后赶回家面试，有时候干脆找个会议室偷偷摸摸面试。面了将近一个月，目前还没挂过，但由于各种因素，又都拒了。。。现在又要开始新一轮的面试了，祝自己好运吧。 看到评论区里面不少…

⁣React 的工作流程是什么？我们可以在哪些阶段进行性能优化呢？ 如果 React 项目中出现了卡顿，我们可以采用哪些性能优化技巧？ 如何通过 React Profiler 定位性能问题？

Hooks 在刚发布的时候就迅速占领了 React 社区，而且它现在已经有了很多支持 Hook 的库。如果你在搜索引擎中搜索 React，已经很难不出现 Hook 这个关键字了。如果你现在还没有使用 Hook，你要抓紧在你的项目代码中加入 hook了，因为它实在是可以让你的编程…

高阶组件不是组件，而是一个普通的函数，传入一个组件，返回一个新的组件。 昵称和手机号可以不改变，内容改变。 当填写用户名和手机号后刷新页面，用户名和手机号依然存在。实现：将这两个值保存到localstorage中，刷新后重新加载。 1.如果还需要手机号，qq号等和usernam…

首先欢迎大家关注我的掘金账号和Github博客，也算是对我的一点鼓励，毕竟写东西没法获得变现，能坚持下去也是靠的是自己的热情和大家的鼓励。 大家在使用React的过程中，当组件的子元素是一系列类型相同元素时，就必须添加一个属性key,否则React将给出一个warning: 所…

​ 为什么指定key值之后可以带来上述的收益？一切要先从React的渲染策略说起。 ​ 我们知道React的工作机制是维护一棵虚拟DOM树（JS对象），其结构与浏览器中的DOM树保持某种映射关系。每次组件更新（props、state、context等发生变化时）会先生成一棵新的…