# ForeEndWeb-Dome

**Repository Path**: WQL-KXJ/ForeEndWeb-Dome

## Basic Information

- **Project Name**: ForeEndWeb-Dome
- **Description**: Web front-end Dome case
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2023-03-24
- **Last Updated**: 2023-04-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, Nodejs, webpack, Vuex, vue-router

## README

# ForeEndWeb-Dome
**Web front-end Dome case⚓**
## 对个人前端学习做系统性的整理🎃
**系统性的整理了NodeJS、Webpack、VueJS学习过程中的Dome，其他的比如Css布局、JavaScript等 我没有系统性的Dome所有没有记录**
  
**1）其中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认证
  
**2）其中Webpack包含：这个文件也很乱💫**
  - Webpack基本使用
  - 配置文件解读
  - 处理CSS、Less、Sass、Scss、Style、Image、HTML、字体图标等资源
  - ESLint和Babel处理JS资源
  - 搭建开发服务器
  - HMR热打包
  - OneOf
  - 多进程打包
  - ESLint和Babel缓存 <-> Network Cache缓存一致性
  - Code Split代码分割
  - PWA离线处理
  - 搭建Vue脚手架

**3）其中Vue包含💦：**
  - 模板语法
  - 指令语法 + 内置指令
  - 数据绑定
  - 数据代理
  - 事件处理
  - 计算属性 <-> 监视属性
  - 样式绑定
  - 条件渲染 <-> 循环渲染
  - 过滤器
  - 自定义指令
  - 生命周期
  - 组件化 -> 非单文件组件 <-> 单文件组 <-> 组件的嵌套
  - 脚手架
  - ref属性 <-> mixin混入
  - 插件的定义和使用
  - props父子组件通信
  - 组件自定义事件、全局事件总线、PubSub消息发布订阅 解决 子组件传父组件、父组件传子子组件、兄弟组件间等的数据传输🚨
  - 代理服务器
  - 默认插槽 - 具名插槽 -作用域插槽
  
**4）其中Vuex包含🌧：**
  - Vuex的环境搭建
  - Vuex的三大核心组件：State、Actions(dispatch方法)、Mutations(commit方法)
  - Actions链式调用
  - getters配置项
  - MapState和MapGetters
  - MapActions和MapMutations
  - Vuex多组件共享数据
  - Vuex模块化namespace
  
**5）其中Vue-Router包含🛸：**
  - SPA单页面应用
  - 路由的基本使用
  - 嵌套路由
  - query和params参数
  - props配置
  - 编程式路由导航
  - 缓存路由组件
  - Vue-Router两个新生命周期钩子(activated和deactivated)
  - 全局前置路由守卫和全局后置路由守卫
  - 独享路由守卫
  - 组件内路由守卫