zhouweicsu

本文作为自己深入学习 React Fiber (Reactv16.8.6)的理解，本篇仅介绍大致流程，Fiber 详细源码本文不作细节描述。 首先要知道的是，JavaScript 引擎和页面渲染引擎两个线程是互斥的，当其中一个线程执行时，另一个线程只能挂起等待。 在这样的机制下…

常见web代码编辑器框架 在接到在线代码编辑器的需求之后，就开始了相关的调研，以下目前社区最受欢迎的三个开源方案： Ace Monaco Codemirror 这里就不展开比较三者的优劣，具体这篇文章

将我的研究成果，画一个简要的流程图，如果您有兴趣看完，回头再看看这个流程图。 图片里的方块中文字的序号，就是运行的顺序。 通过我们以往对tapable的了解，知道可以通过钩子来监听Tapable类相应的事件，我们做相应的处理就行了。 写插件关键的问题不是注册钩子，而是compi…

useState 只接收一个参数 inital value，并看不出有什么特殊的地方。 比如 经常看到这样的写法。 所以 useState 就是为了给函数式组件添加一个可以维护自身状态的功能。 那么现在，当 activeUser 状态改变的时候我们会发现又打印出了 改变状态 这…

写一个公用的组件很难，你必须细心地考虑很多问题，比如应该暴露出哪些 props。 本文将简要的介绍 API 设计中的一些最佳实践，以及编写 React 组件的 10 条参考规则。 API （Application Programming Interface）是两段代码或者两个应…

本文是本人在学习ReactHooks记录的学习笔记，内容不仅限于文档中的内容，涉及了Hooks源码相关。如果有错误，还请及时指正。 逻辑复用，如果使用高阶组件等特性，较为复杂。 传统的函数组件无法存储state状态。 Hooks允许在函数组件中，调用React的功能。 使用自定…

查看所有文档页面：全栈开发，获取更多信息。 原文链接：webpack原理，原文广告模态框遮挡，阅读体验不好，所以整理成本文，方便查找。 在了解 Webpack 原理前，需要掌握以下几个核心概念，以方便后面的理解： Entry：入口，Webpack 执行构建的第一步将从 Entr…

console相比大家一定不陌生，平时项目中用的最多的就是console.log()方法吧。但是console相关的方法有很多，涉及的调试面板的相关内容比较广泛，彻底弄清楚它们并在项目中合理使用，有助于我们更好的开发和调试。 如果没了解过console的，似不似惊呆了，cons…

前端重构程序员是一个关注代码同时还要留意体验的异类。代码的优化虽然难，但是有比较多的性能测试工具去证明优化的成果。然而体验这种东西，我们又要如何去证明它的好与坏呢？ 今天我着重会基于「webnovel」PC站点从以上两点给大家介绍，如何从体验的角度去做重构的优化，并如何用数据去…