Stack_0verf1ow

关键词： shouldComponentUpdate、PureComnent、React.memo、useMemo、useCallback...

总有一些似乎没什么用但总是记不住的面试题，比如这道： 这个模块导出什么？ 如果只看上面代码中的 exports 和 module.exports，毫无疑问module.ex...

修勾课堂开课了~下面是React中最核心的部分之一Diff算法，Diff 算法的本质就是对比 current Fiber Tree 和 JSX 对象，生成 workInPr...

最近用到了mapbox，虽然都是简单功能，但是好像国内用mapbox的并不多，再加上没有中文文档，一不小心就踩坑.........

React的渲染流程分为两个阶段： 1. render 阶段：Reconciler的工作阶段，这个阶段会调用组件的render方法 2. commit 阶段：Rendere...

了解React的多少都见过这句话：React16之后，改用了Fiber 架构。那么，到底什么是Fiber架构？之前的架构是什么？为什么要使用Fiber架构代替之前的呢？ 其...

修勾课堂开课了！在【狗教我React——原理篇之React整体架构解读 】中，简单介绍了Fiber架构和fiber节点的概念，本篇将详细介绍Fiber和Fiber架构的工作...

在微信小程序中，打开摄像头、麦克风，获取地理位置等接口，都需要经过授权才能调用。本文整理了授权的流程。...

浏览器端的模块化问题 效率问题：精细的模块划分带来了更多的JS文件，更多的JS文件带来了更多的请求，降低了页面访问效率 兼容性问题：浏览器目前仅支持ES6的模块化标准，并且...

webpack官网：https://www.webpackjs.com/ 简介 webpack是基于模块化的打包（构建）工具，它把一切视为模块。 它通过一个开发时态的入口模...

上篇写了webpack编译结果分析，这一篇讲一下webpack的编译过程。 众所周知，webpack 的作用是将源代码编译（构建、打包）成最终代码。整个过程可以概括为三个步...

Babel是一个 JavaScript 编译器，它是独立的，可以在webpack外使用。 Babel和Webpack各自负责不同的任务，它们可以可以协同工作来优化和构建现代...

🐶在前端开发的日常工作中，ESLint无疑是我们经常使用的工具之一。但很多时候，我们可能只是匆匆安装，然后让它默默地为我们检查代码质量，而没有去细究它的具体配置。...

Webpack的分包机制主要是通过代码分割（code splitting）来实现，简单来说，就是将一个完整的代码，分布到不同的打包文件中。...

如果你太忙，没办法读完全文，那么只需要记住这三个步骤： 准备至少可以读一个月的英文内容； 每天抽出固定时间去阅读，阅读的过程中，随手记录生词； 每天另外安排 5-10 分钟...

loader的功能定位是进行预处理转换代码，而另外一些操作需要依靠plugin来完成。plugin可以认为是注册事件的，上图的点是一些事件触发点，在这些节点可能会触发事件，...

loader是用来预处理的，本文使用流程图分析loader的运行过程，并自定义简单的loader帮助理解该过程。...

本文将以两个基础模块为例，模拟一个简化的webpack编译结果，将编译结果中的每个部分逐一拆解，用浅显的语言解释其作用和意义。...