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