小白萌九

vue3+vite+ts项目 搭建项目架构 使用vite创建项目 调整目录结构 上传到git仓库 代码规范和 ESLint 安装EsLint 初始化EsLint配置 npm script配置 执行np

npm设置与删除淘宝镜像 1.npm设置淘宝镜像 2.npm删除淘宝镜像 3.cnpm命令：重新安装一个cnpm，用cnpm命令

History-nginx服务器配置 vueRouter实现原理 插件 混入 Vue.observable() 插槽 render函数 运行时和完整版的Vue hash模式 URL中#后面的内容作为路

脚手架工具概要 前端工程化的发起者 创建项目基础结构、提供项目规范和约定 相同的组织结构 相同的开发范式 相同的模块依赖 相同的工具配置 相同的基础代码 常用的脚手架工具 yeoman Yeoman使

虚拟Dom是由普通JS对象来描述DOM对象 虚拟DOM可以维护程序的状态，跟踪上次的状态 通过比较前后两次状态差异更新真实DOM 虚拟DOM的作用和虚拟库 作用： 维护状态和视图的关系 复杂视图情况下

数据驱动 响应式的核心原理 发布订阅模式和观察者模式 数据驱动 数据响应式、双向绑定、数据驱动 数据响应式 数据模型仅仅是普通的Javascript对象，当我们修改数据时，视图会进行更新，避免了繁琐的

1.零配置前端应用打包器 2.模块热替换 3.自动安装依赖 导入依赖保存自动安装 4.生产模式打包 规范化标准 1.规范化介绍 软件开发需要多人协同 不同开发者具有不同的编码习惯和喜好 不同的喜好增加

ESModule打包器 自动开启TreeShaking 1.使用插件 2.rollup加载npm 就可以使用import了 3.rollup加载CommonJS 可以导入module.exports

30.Webpack 多入口打包 多页应用程序 一个页面对应一个打包入口 公共部分单独提取 31.Webpack提取公共模块 32.Webpack动态导入 按需加载 动态导入的模块会自动分包 33.W