红尘灬客栈

历史问题 ES Modules 存在环境兼容问题 模块文件过多，网络请求频繁 所有的前端资源都需要模块化 毋庸置疑，模块化是必要的 提出设想 目标 新特性代码编译 模块化 javascript 打包

1. 为什么要有规范化标准 软件开发需要多人协同 不同开发者具有不同的编码习惯和喜好 不同的喜好增加项目维护成本 每个项目或者团队需要明确统一的标准 2. 哪里需要规范化标准 代码、文档、甚至是提交日

打包后的源码分析 如何实现的懒加载 import() 嗯可以实现指定模块的懒加载操作 当前懒加载的核心原理就是 jsonp t 方法可以针对于内容进行不同的处理（处理方式取决于传入的数值 8 6 7

历史 模块化 内容概述 模块化演变过程 模块化规范 常用的模块化打包工具 基于模块化工具构建现代Web应用 打包工具的优化技巧 1. 模块化演变过程 Stage 1 - 文件划分方式(每个功能和具体的

1. 自动化构建简介简介就是将我们的源代码自动化的去转换成生产代码。这个转换的过程我们称之为自动化构建流脱离运行环境兼容带来的问题在开发环境使用提高效率的语法、规范和标准比如：ESMAScript N

1. 脚手架介绍1. 脚手架的本质作用约定：相同的组织结构相同的开发范式相同的模块依赖相同的工具配置相同的基础代码eg: 举个例子IDE 创建项目的过程就是一个脚手架的工作流程例如iOS项目在使用XC

1. 前端工程化"刀耕火种"的年代技术是为了解决问题而存在的面临的问题想要使用ES6+新特性，但是兼容有问题想要使用Less / Sass / PostCSS 增强CSS的编程性，但是运行环境不能直接

1. 减少判断层级 2. 减少作用域链查找层级 3. 减少数据读取次数 4. 字面量与构造式 5. 减少循环体活动 6. 减少声明及语句数 7. 采用事件委托

1. Performance工具 1. 为什么使用Performance 2. 内存问题的体现 3. 监控内存的几种方式 4. Performance总结 2. 优化 1. 代码优化 2. 全局变量 3. 通过原型新增方法 4. 避开闭包陷阱 5. 避免属性访问方法使用 6. …