专业5课程大纲
2024-06-18 16:36:59 6 举报AI智能生成
原始研究院大纲内容
作者其他创作
大纲/内容
一、课程概述
1. 为什么要学习这⻔课程？<br>
2. 选择本项目的原因（选型理由和项目价值）<br>
3. 本项⽬对岗位能⼒的贡献<br>
二、项目介绍<br>
1. 项目母胎简介-京东
2. 系统功能演示<br>
3. 面向的用户
4. 功能性需求：主要业务流程<br>
5. 实施计划<br>
6. 每个单元需要完成的任务<br>
三、核心任务<br>
任务一：多终端适配<br>
1. 任务对岗位能力的贡献<br>
2. 需求<br>
（1）项目基础搭建
（2）多终端适配
3. 单元一：项目基础搭建
（a）webpack、vite认识<br>
（b）使用脚手架创建项目<br>
4. 单元二：多终端适配<br>
（a）认识适配概念和单位<br>
（b）rem适配原理<br>
（c）使用 px to rem处理项目<br>
（d）不同的适配⽅案以及原理<br>
5. 产出物
任务二：商品详情与列表<br>
1. 任务对岗位能力的贡献<br>
2. 需求<br>
（1）⻚⾯ TabBar<br>
（2）商品分类
（3）商品搜索页面
（4）商品详情<br>
3. 单元三<br>
（a）瀑布流排版<br>
（b）轮播图<br>
（c）下拉刷新、上滑加载下⼀⻚<br>
（d）路由<br>
（e）组件封装<br>
4. 单元四<br>
（a）优化处理<br>
（b）vue3组合式API与选项式API的理解与对比<br>
5. 单元五<br>
（a) 组件封装
（b) 组件状态定义：ref 与 reactive 对⽐使⽤<br>
6. 单元六
⾃定义防抖函数与节流函数<br>
suspense 组件介绍使⽤<br>
transition 实现⻚⾯切换动画
7. 单元七：路由
路由传参
8. 单元八：keep-alive<br>
9. 产出物
任务三：登录以及我的⻚⾯<br>
1. 任务对岗位能力的贡献<br>
2. 需求<br>
（1）身份验证<br>
（2）路由守卫<br>
（3）错误处理<br>
（4）展示⽤户信息<br>
3. 单元九<br>
（a）表单校验<br>
（b）注册、登录接⼝实现<br>
（c）axios ⼆次封装<br>
4. 单元十<br>
（a）token 过期处理、JWT 身份验证和授权<br>
（b）vue 模版引⽤<br>
（c）组件事件<br>
5. 单元十一<br>
（a) pinia 核⼼概念<br>
（b) ⽩名单设置<br>
（c) 路由守卫<br>
6. 产出物<br>
任务四：购物车<br>
1. 任务对岗位能力的贡献<br>
2. 需求<br>
（1）商品详情⻚添加购物⻋<br>
（2）购物⻋商品操作<br>
（3）总价计算<br>
（4）结算<br>
3. 单元十二<br>
（a）路由守卫<br>
（b）⾃定义防抖函数<br>
（c）路由跳转、路由传参<br>
4. 单元十三<br>
（a）mock 数据<br>
（b）常⽤的数组遍历⽅法<br>
（c）扩展运算符<br>
5. 单元十四<br>
（a) computed 使⽤以及原理<br>
（b) 与 watch 对⽐<br>
（c） 价格计算，精度处理<br>
（d） 0.1+0.2≠0.3 ⾯试题讲解<br>
6. 单元十五<br>
（a）优化
（b）parseInt ⽅法<br>
（c）[0,1,2].map(parseInt) 经典⾯试题
7. 产出物<br>
任务五：支付<br>
1. 任务对岗位能力的贡献<br>
2. 需求<br>
（1）商品购买下单<br>
（2）提交订单拉起⽀付<br>
（3）选择⽀付⽅式进⾏⽀付<br>
（4）⽀付完成<br>
3. 单元十六<br>
（a）学会阅读三⽅接⼊⽂档<br>
（b）理解微信/⽀付宝⽀付接⼊流程<br>
4. 单元十七<br>
（a）⽀付参数的获取与配置<br>
5. 产出物<br>
任务六：订单列表<br>
1. 任务对岗位能力的贡献<br>
2. 需求<br>
（1）订单列表数据接⼝和修改状态接⼝<br>
（2）不同状态订单 Tab 切换<br>
（3）订单组件封装和 Tab 状态保留<br>
（4）订单状态⾃动关闭处理<br>
3. 单元十八<br>
（a）内置组件 Teleport 使⽤<br>
（b）内置组件 Suspense 使⽤<br>
（c）内置组件 keep-alive 使⽤<br>
4. 单元十九<br>
（a）渲染函数&JSX<br>
（b）创建 vnodes<br>
（c）渲染函数的使⽤<br>
（d）函数式组件<br>
5. 产出物<br>
任务七：复盘<br>
1. 单元二十<br>
（a）vue打包流程<br>
（b）代码层优化<br>
（c）打包层优化<br>
（d）env环境区分<br>
2. 单元十九<br>
（a）渲染函数&JSX<br>
（b）创建 vnodes<br>
（c）渲染函数的使⽤<br>
（d）函数式组件<br>
3. 产出物<br>
0 条评论
下一页
