工程化体系

包管理 Q 什么是包管理 A 对相关依赖包的依赖关系以及文件存储进行管理 早期弊端 早期下载依赖的时候，不同的下载顺序，有可能造成不同包的提升，从而导致异常，为了保障每次下载依赖，都相同，那么就采取L

node node 核心构成 v8 ：用于解释执行js 代码，本身计算机并不认识 js 代码 需要经过词法，语法分析，才能转换为可识别代码 libuv 提供node 事件循环机制，异步处理 第三方库：

背景：1. 公司要求项目首屏加载速率，要求为1.5s以内，在尝试将常用接口，全部缓存后，发现还是慢，最后通过打包分析工具，发现，拆包的文件，全部都集中到一个bundle.js文件，因此决定把一些较稳定

模块化 Q 什么是模块化 A将系统进行分割成独立模块的过程 Q 模块化特点 A 独立性，可复用 模块化类型 总共会有6种 立即执行函数 为了解决全局变量不安全问题，避免被随意访问，创建闭包，将变量约束

type 常用于声明，基础数据类型或 联合类型 interface 常用于 引用类型，或复杂类型 interface 常用于继承等 TS 类型链 never-botoom type 基础类型 引用类型

webpack 啥东西：打包工具，将静态文件，进行打包构建，并转换为浏览器可识别的形式 以及性能优化，压缩，合并文件等 hash 每个文件后面一堆随机数，啥意思 定义：单向加密，算法，将输入通过散列算

1 Ts 类型,用于描述变量属性 泛型,用于复用类型 partial 可选 高级TS类型,Partial ReadOnly Pick omit 实现

背景 业务开发中，经常遇到过请求竞态问题，一般发生于 Tab 切换，以及，分页切换，等，如果某个操作，造成了 a,b两次请求，但是实际网络场景，不一定， 按照实际的预想，可能先请求的，最后才返回，可能

userAgent 我们在行为监控中，请求头字段userAgent 其实有很多信息，需要获取上报，但是直接手动处理较为繁琐，因此通通过这个 'ua-parser-js'; 用户行为记录栈 一些用户行为

定义 是有种方法，工具，融入软件工程等理念到前端开发流程中进行降本增效 过程 代码规范、流程规范、分支管理、程序开发、前后端联调、自动化测试、应用构建、系统部署和监控、运维等。 原因 业务逐步变得复杂

bebel作为广泛使用的向后兼容工具，那么如何在项目中去配置呢 再依赖于babel、cli来进行手动编译 比如监听函数es6编译后会变成什么呢

为什么用 代码存在定义但是未使用的变量，函数等 如何配置 基本原理 本质上是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静态分析模块之间的导

sourcemap 是关联编译后的代码和源码的，通过一个个行列号的映射。 sourceMap 是怎么建立源代码和目标代码也就是编译后的代码进行映射的。 其实就是源代码通过AST转换的时候存在位置信息，

1.前端工程化发展历史 学习原则就是，太过理论的不要记忆，学习思路，理解原理，基础知识实践中去总结，记忆讲解思路，和核心问题 目标 到底解决了什么问题 核心 提升效率，规范，性能 模块化 解决的是项目