争霸爱好者

浏览器架构 浏览器架构演进 单进程架构：所有模块运行在同一个进程里，包含网络、插件、JavaScript运行环境等 在早期的浏览器中，所有的功能都在一个进程中完成，包括用户...

记录自己的前端工作流,后面慢慢补充 1.代码规范, Eslint,Prettier 2.git提交规范, husky, commitlint,lint-staged...

按Crtl+S保存当前报错文件，eslint错误消失，但是Git暂存区多了个文件改动记录，对比Working tree没发现任何不同。 缺点：你不可能一一保存所有文件，麻烦...

在网上看到了很多前后端协作规范的文章，比如约定code的含义，约定请求方法等等。其实这些内容都是比较基础和偏底层的，我们在公司开发需求时，一般都是在已有项目上进行开发，上面...

Remote Dev 结合 Setting Sync ，VSCode 已经成为个人最喜欢的应用程序，希望它也能成为你最喜欢的应用程序。...

假设 React 组件有这样一个状态： 我们这样修改了它的状态： 你觉得组件会重新渲染么？ 我们先在 class 组件里试一下： 渲染 state.a.b 的值，两秒以后修...

babel 和 eslint 都是我们项目中常用的工具，两者都是基于 AST 去扩展的，前者做代码的转换，后者做错误检查和修复。两者都能够做到分析和转换代码。所以两者有啥不...

useState更新问题、hooks中的useState怎么做到像setState的第二个参数（回调）取到更新后的值...

以一个项目中实际的例子，介绍如何使用React插槽和PureComponent优化你的React代码...

本文主要介绍了babel根据注释自动生成埋点方法的插件源码，已日常开发的埋点需求为导向，处理了埋点的常用场景。其他比较特殊的场景，也可以在此基础上进行拓展。...

前端开发是一个非常特殊的行业，它的历史实际上不是很长，但是知识之繁杂，技术迭代速度之快是其他技术所不能比拟的。 这样是一个非常真实的现状，实际上很多前端开发者都是自学甚至转...

在React Conf 2018宣布React Hooks后，我第一时间开始尝试使用React Hooks，现在新项目基本不写Class组件了。对我来说，它确实让我的开发效...

webpack 对于每个前端儿来说都不陌生，它将每个静态文件当成一个模块，经过一系列的处理为我们整合出最后的需要的 js、css、图片、字体等文件。来自官网的图很形象的阐述...

今天我主要分享的是一些 webpack 中的易混淆知识点，也是面试的常见内容。我把这些分散在文档和教程里的内容总结起来，目前看是全网独一份，大家可以加个收藏，方便以后检索和...

Webpack热更新（ Hot Module Replacement，简称 HMR，后续均以 HMR 替代），无需完全刷新整个页面的同时，更新所有类型的模块，是 Webpa...

不知道大家在学习react源码的时候有没有这样的感觉：fiber对象的结构太复杂了，不仅是属性繁多，而且有些属性还是个巨复杂的对象。我在学习hooks的时候，这种感觉尤为强...

前段时间收拾整理文件夹和杂文件时，在箱子的角落中居然无意中翻出了自己当年的成绩单，一时间回忆涌上心头。 再仔细端详一番，就觉得简直离谱，自己都快忘了当年居然学了那么多门课。...

点击进入React源码调试仓库。 React在构建用户界面整体遵循函数式的编程理念，即固定的输入有固定的输出，尤其是在推出函数式组件之后，更加强化了组件纯函数的理念。但实际...

点击这里进入react原理专栏 写这篇文章的灵感来自于今天刚刚看到的一篇文章：React 中 setState 是一个宏任务还是微任务？。这篇文章讲的还挺好的，推荐大家看一...