林治

围绕 webpack@v5.x 的 Dependency Graph 实现，从源码层面分析 webpack 中如何收集依赖，如何存储依赖信息，以及最后又是如何消费这些依赖关...

一、什么是 Tree Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静...

重复学习了很多年 从事前端开发已经超过5年，自诩也是一个坚持学习的程序猿。 今年工作不是很忙，并且职场的35岁槛已经到来，既有时间又有压力，于是更多的时间在思考成长这件事。...

Javascript 前端模块化，其中从这些模块 CJS、AMD、CMD、UMD 和 ESM展开介绍。...

背景 事情是这样的，上周在分析项目打包代码的时候，突然发现 date-fns 在未压缩之前有 1.5M，通过分析报告可以看到，date-fns 的 locale 模块全部被...

一、前言 mobx 是当今流行的状态管理库，用过 mobx 的同学就知道它是响应式的更新数据，也就是使用 Object.defineProperty 代理 get、set ...

1、什么是 Module Federation？ 首先看一下官方给出的解释： 简单理解就是说 “一个应用可以由多个独立的构建组成，这些构建彼此独立没有依赖关系，他们可以独立...

Provider与injectProvider组件利用React的Context上下文机制在组件间跨层级传递数据，它既支持传递store，也支持传递其它非store数据。比...

前言 在我们用React实现一个组件的挂载和卸载的时候有没有发现挂载和卸载的过程是一瞬间完成的，我们很难给其添加进场和出场动画。那么react-transition-gro...

React Transition Group 是一个 React 库，用于管理和处理在 React 应用中的过渡动画效果。它提供了一组组件，可以帮助你在组件的进入和退出时应...

所谓的基本版，就是我只引入了一个test.js,代码只有一行var a = 1。打包之后，发现生成的文件main.js并没有多少代码，只有90行不到。 截取出真正执行的代码...

在阅读 webpack4.x 源码的过程中，参考了《深入浅出webpack》一书和众多大神的文章，结合自己的一点体会，总结如下。 webpack 就像一条生产线，要经过一系...

大多数设备的刷新频率是60次/秒，也就是1秒钟的动画是由60个画面连在一起生成的，所以要求浏览器对每一帧画面的渲染工作要在16ms内完成。当渲染时间超出16ms时，1秒钟内...

默认情况下，Main 部分会详细记录 JavaScript 的调用堆栈，使用 Disable JavaScript Samples 可以隐藏这些调用。像一些自定义的函数调用...

最近将项目中redux的中间件，从redux-thunk替换成了redux-saga，做个笔记总结一下redux-saga的使用心得，阅读本文需要了解什么是redux，re...

1，关于CommonJS 1.1，从实现CommonJS的require方法开始 1.2，从代码角度看CJS中的循环加载的处理方式 这是一个来自阮一峰ES6中的例子，例子很...