本狗超级忙的

在 React 应用中，"context" 是一种特殊的全局状态管理机制。它允许你在组件树中传递数据，而不需要手动逐层传递 props。Context为整个组件树提供数据，...

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

内容包含：React.createRef、useRef、React.forwardRef与useImperativeHandle...

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

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

前言 上一篇我们已经围绕“网络层面”探索页面性能优化的方案，接下来本篇围绕“浏览器渲染层面”继续开展探索。正文开始前，我们思考如下问题： 渲染关键环节 优化原则 我们了解“...

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

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

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

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

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

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