在平时工作中，为减少开发成本，一般都会使用脚手架来进行开发，比如 create-react-app。脚手架都会帮我们配置好了 webpack，但如果想自己搭建 webpack 项目要怎么做呢？

webpack 是我们现阶段要掌握的重要的打包工具之一，我们知道 webpack 会递归的构建依赖关系图，其中包含应用程序的每个模块，然后将这些模块打包成一个或者多个 bundle。 莫慌，我们一点点拆分开看，其实总体的文件就是一个 IIFE——立即执行函数。 函数的入参 mo…

说起路由懒加载，大家很快就知道怎么实现它，但是问到路由懒加载的原理，怕有一部分小伙伴是一头雾水了吧。下面带大家一起去理解路由懒加载的原理。 路由懒加载也可以叫做路由组件懒加载，最常用的是通过import()来实现它。 然后通过Webpack编译打包后，会把每个路由组件的代码分割…

有了 Nodejs 环境，JavaScript 也可以在后端运行了。 提供了大量的轮子，让老司机程序员瞬间提速起飞。 造造轮子造造车。 分享出来与工友们学习探讨。 0. 前提 前提是安装了 Nodejs，NPM 会随 Nodejs 一起安装。 如果没有 Node 环境，应该也不…

前端模块化作为前端必备的一个技能，已经在前端开发中不可或缺；而模块化带来项目的规模不断变大，项目的依赖越来越多；随着项目的增多，如果每个模块都通过手动拷贝的方式无异于饮鸩止渴。

React18 文中有些案例过长： 请选择性观看。 一文解决React基本使用，如果看不太懂React官网，建议可以看看本文。 一、类组件 1. class组件注意点 继承React中Componen

第五章 非原始值的响应式方案 5.1 理解Proxy 和 Reflect 我们需要了解Proxy的用法，以及知道Proxy只能代理对象，基本数据类型无法代理。 点击了解这两个API用法Proxy -

第四章 响应式系统的作用于实现 4.1 响应式数据与副作用函数 effect函数的执行会直接或间接影响其他函数的执行，这时我们说effect函数产生了副作用。 修改了全局变量 所谓的响应式，修改 ob

Vuejs设计与实现 第三章、Vue.js的设计思路 3.1 声明式地描述UI 模板声明 通过JavaScript对象来描述 h函数：有一个组件要渲染的内容是通过渲染函数来描述的，也就是上面代码中的r