系统性的整理了JavaScript、NodeJS、Webpack、Vue2JS、Vue3JS、ES9、SCSS学习过程中的Dome
其中NodeJS包含:这个文件很乱☠
- 模块化 --> 内置模块(fs,http,path……) <-> 第三方模块(vue,express……) <-> 自定义模块
- npm包管理器使用
- require模块导入 -> module.exports模块导出 -> module.exports和exports的区别
- Fs模块、Http模块、path模块等内置模块的使用
- Express第三方模块的使用 --> Express路由、Express中间件、Express API
- Cors解决跨域 <-> Jsonp解决跨域
- Session认证 <-> JWT认证
其中Webpack包含:这个文件也很乱💫
- Webpack基本使用
- 配置文件解读
- 处理CSS、Less、Sass、Scss、Style、Image、HTML、字体图标等资源
- ESLint和Babel处理JS资源
- 搭建开发服务器
- HMR热打包
- OneOf
- 多进程打包
- ESLint和Babel缓存 <-> Network Cache缓存一致性
- Code Split代码分割
- PWA离线处理
- 搭建Vue脚手架
其中Vue包含💦:
- 模板语法
- 指令语法 + 内置指令
- 数据绑定
- 数据代理
- 事件处理
- 计算属性 <-> 监视属性
- 样式绑定
- 条件渲染 <-> 循环渲染
- 过滤器
- 自定义指令
- 生命周期
- 组件化 -> 非单文件组件 <-> 单文件组 <-> 组件的嵌套
- 脚手架
- ref属性 <-> mixin混入
- 插件的定义和使用
- props父子组件通信
- 组件自定义事件、全局事件总线、PubSub消息发布订阅 解决 子组件传父组件、父组件传子子组件、兄弟组件间等的数据传输🚨
- 代理服务器
- 默认插槽 - 具名插槽 -作用域插槽
.............