演讲流程

1. 我做的是确认订单页面 是购物的最后一步  我的js三个主要业务讲一下

2. 讲一下页面结构、和哪里实现js交互 哪个部分使用哪个业务实现

3. 具体将js交互的功能和原理

4. 顶部栏 logo 是个click事件 回调函数 ：location.href 跳转首页      同户名是mouseenter mouseleave 事件 

5. 在讲js的三个主要业务之前先看一下本地存储的数据  2 个从上个页面传进来的 一个是自己创建的  看下主要属性  都是 对象数组

5. 讲js的业务1 ：结构html里的 和js 动态创建的   hvoer效果    转到讲解模态框的原理 再讲表单字段的判断处理 非空  手机号的正则 姓名的正则 自动获取焦点 切换焦点

6. 新建、修改的地址原理主要是同过处理地址数据实现  看代码 renderAddress折叠先不看  先看新增 注意 isEdit 再看修改  初始的value值是在原有信息基础上修改的

7. if里面 修改是把修改的内容赋值给当前的数组对象的属性  新增是新建一个对象接收添加的内容 然后push

8. 业务1地址 就讲完了 讲一下业务2产品数据  就是产品数据的渲染 和 计算数据   渲染数据使用了分页 分页就是第一页显示地址数据的1-3个产品信息，第二页显示4-6个数据，最后一页不足显示的数据不足3个就渲染剩下的数据

9. 打开控制台 看cahnge事件 给select注册change事件 选中第二页，使用selectedIndex获取下标，利用下标得到对应页数的数据信息 然后渲染对应的数据  最后一页如果没有3个数据就渲染剩余的

10.讲计算数据 件数 总价

1. 使用优惠卷模块 tab 栏切换  扫描二维码(看代码) 使用优惠卷吗

标签：渲染,流程,演讲,业务,js,修改,地址,数据
来源： https://www.cnblogs.com/zhulongxu/p/16574510.html