学习目标
1. 满足前端工程师的岗位要求,重中之重,也是主流框架之一,必会技能
主讲内容1:gulp/webpack
掌握 ES6 模块化的基本使用,熟悉异步编程的高级用法。同时建立前端工程化的开发思想,为工程化项目中脚手架的使用做基础铺垫
1.ES6 模块化 /
2.Promise /
3.async/await /
4.EventLoop /
5.宏任务&微任务 /
6.前端工程化 /
7.build 过程 /
8.入口 /
9.出口 /
10.加载器 /
11.插件 /
12.热更新 /
13.打包发布 /
14.SourceMap /
主讲内容2:Vue2.x 基础
掌握 Vue2.x中常用指令及 API 的使用,使用 Vue 语法对常见页面进行开发,了解组件化的开发思想,掌握路由的使用,熟悉组件之间实现数据共享的方式,知道 ElementUI 的基本使用,掌握组件封装的原理,熟悉脚手架工具的使用,了解数据驱动视图的思想。理解 MVVM 模式的实现原理,了解 defineProperty 的使用,了解 Proxy 的使用,掌握组件封装的原理
1.MVMV /
2.SPA /
3.Vue 调试工具 /
4.立方体制作指令 /
5.模板 /
6.选项 /
7.生命周期 /
8.Vite /
9.样式穿透 /
10.样式绑定 /
11.插槽 /
12.跨域接口代理 /
13.组件化 /
14.自定义指令 /
15.ref /
16.动态组件 /
17.$nextTick /
18. 自定义事件 /
19.计算属性 /
20.侦听器 /
21.组件库 Element /
22.组件封装 /
23.组件通信 /
24.路由 /
25.导航守卫 /
26.vue-cli /
27.工程化基础 /
28.axios /
29.interceptors /
30. 经典案例实战 /
31.发布订阅模式 /
32.compile /
33.observer /
34.watcher /
35.Object.property /
36.Proxy /
37.组件开发 /
38.组件通信 /
39.slot /
40.render /
主讲内容3:Vue2.x中台管理项目(vue-element-admin)
深度使用 Vue 相关的技术,包括 Vue.js(MVVM 框架)、Vuex(状态共享)、Vue-Router(路由表)、Vue-CLI(Vue 脚手架)、ElementUI(VueUI 框架)开发商品管理平台,对商品管理各种常见的业务使用以上技术进行实现。展示常见的路由权限拦截、Token 角色认证、动态路由解析、重置、权限点设置、PDF 打印、Excel 导入导出、跨域反向代理等业务,掌握 Vue 开发复杂 PC 管理项目的使用,掌握 Vuex 在 Vue 项目的深度应用
1.vue-element-admin(请求模块化,请求工具拦截,scss 样式,布局组件) /
2.Vuex 持久化(state,mutations,actions,getters 和 modules) /
3.Vue CLI 配置(webpack) /
4.反向代理 /
5.ElementUI 表单校验(async-validator) /
6.vue-router 导航守卫 /
7.token 认证 /
8.动态路由 /
9.角色权限 /
10.Echarts 雷达图 /
11.vue-i18n 国际化方案 /
12.history 路由模式的应用 /
13.element 列表的数据过滤 /
主讲内容4:Typescript
理解类型系统 理解并能使用泛型 了解类型的推断过程 了解类型的高级用法,能理解代码,理解类型系统 理解并能使用泛型 了解类型的推断过程 了解类型的高级用法,能理解代码
1.静态类型 /
2.基础类型和对象类型 /
3.型注解和类型推断 /
4.函数相关类型 /
5.数组和元组 /
6.Interface 接口 /
7.类 /
8.继承 /
9.构造器 /
10.Setter 和 Getter /
11.抽象类 /
12.联合类型和类型保护 /
13.Enum /
14.函数泛型 /
15.类中的泛型 /
16.命名空间 /
17.模块化 /
18.描述文件 /
主讲内容5:Vue3.x基本语法
介绍 vue3.x 的组合式 AP I开发方式,掌握vue3.x和2.x的区别
1.vue3.x语法 /
2.vue3.0路由 /
3.vuex /
4.vant-ui介绍 /
主讲内容6:Vue3.x CMS项目 + 项目实战
基于 vue3.0 的组合 AP I方式与选项 API 的方式开发的一个综合品类的电商前台系统。 实现了一套完整的电商业务流程,从首页,类目,搜索,品牌,商品详情,购物车,结算,支付,个人中心,订单管理,收货地址管理,评价中心,和其他个人信息管理业务
1.ue3.0 框架 /
2.vue-cli 项目脚手架 /
3.vue-router 路由 /
4.vuex 状态管理 /
5.vuex-persistedstate 状态持久化 /
6.less 预处理器 /
7.normalize.css 样式库 /
8.vant-ui /
9.前端跨域 /
10.路由懒加载 /
11.移动端适配 /
12.项目发布上线 /
13.打包apk /