04面向对象认识js世界阶段项目实战ajax_第1页
04面向对象认识js世界阶段项目实战ajax_第2页
04面向对象认识js世界阶段项目实战ajax_第3页
04面向对象认识js世界阶段项目实战ajax_第4页
04面向对象认识js世界阶段项目实战ajax_第5页
已阅读5页，还剩34页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、面向对象基础项目实战页面开发流程页面开发过程设计：设计师切图 html css：设计师网页布局调整 ：制作师前端开发人员业务逻辑：前端开发工程师：激活公共框架：jquery插件jquery插件复习什么是jquery插件？前端开发编写通用框架 - 可以使用jquery编写通用UI组件-可以选择使用jquery UI插件编写其他框架：验证，产品价格计算，可以使用jquery插件页面初始化：绑定，事件，性能，安全ajax交互：数据获取，数据提交解决思路面向对象开发分析需要的对象分析每个对象需要的属性和方法依次实现每个对象面向对象编程（直接使用封装好的方法）思路不要一口吃个胖子，分成小的，一个一个解决

2、比如：绑定数据：我们用两个函数封装：一个绑定基本信息一个绑定图片页面开发整体思路先思考页面初始化需要做的使用：绑定产品相关绑定购物车相关然后思考页面在和用户交互过程需要做的事情什么是交互如何实现交互页面初始化京东首页：ajax异步加载点击一个按钮链接后台数据库校验XXXX分析产品我们用json来表示图片列表绑定简单的基本信息绑定图片绑定购物车定义对象绑定交互开发实现点击加入到购物车总结：解耦合举例/绑定图片列表 /*分开的好处：假设将来我们换个一个新的插件*/ /*我们只需要更改这一个函数，而其他部分都不用修改*/ /*修改代码：先找：直接找到某个对象，然后定位到某个方法 这样代码维护起来非常方便，其实代码量比这个大1000倍也轻松维护 当你辞职了，你的后继者也很容易学习你的代码，寻找代码*/完整项目流程简介数据库 -表格后台从数据库取出数据返回给前端-json前端解析数据，绑定数据ajax复习封装到我们的框架中ajax调用后台数据ajax环境测试使用json模拟后台调用后台数据绑定并绑定最终完整的案例ajax产品模块添加trasnform函数转换目的前后台彼此独立互不影响编写购物车ajax json编写transform实现购物车功能数据分流分流定义有时候我们将每个模块需要的数据放在一起形成一个大的json数据然后加载完成以后分流分流的好处减少和服务器连接

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论