标签：渲染 流程 演讲 业务 js 修改 地址 数据

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.讲计算数据 件数 总价

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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。