一个能称之为好的WEB项目,网页端用户接口的体验尤其重要,所以网页端的动态语言脚本就是本阶段学习的主要内容。首先课程由的版本区别开始讲起,依次讲解中高级的B0M对象、D0M对象等标准化操作,其次为了能让学生写出标准化的代码,在的高级部分引入了开发模式、代码标准写法。以备后期写出自己的的框架。最后jQuery框架技术帮助学生能快速的掌握用户接口体验设计技术。
课程 | 学习内容 | 学习目标 | 实战项目 |
基本应用 | 是什么、用途是什么 的构成部分:ECMAScript,D0M,B0M。 的历史发展版本和标准 在浏览器中的运行机制如何 的基本语法:常量,变量,注释等 的运算符 的控制结构 的函数,作用域,闭包实现,预解析,引用及其常见的函数种类 常见内置函数,如类型强制转换函数,类型判断函数等 数组的定义,种类,遍历和使用技巧 面向对象开发思想 中对象的常见操作 javascirpt中自定义对象的封装 中继承,构造函数,作用域链等用法 中4大数据类型对象:数学对象,字符串对象,数组对象,日期对象等实战用法。 中正则表达式 中异常处理 | 掌握的基本语法,及其常见的各种效果制作技巧,以及理解在用户接口中体验的重要性。 | 1、实现计算器的各种计算功能。 2、实现闰年的计算功能 3、实现九九乘法表 4、实现数字转中文习惯写法的功能 5、表单验证 |
D0M操作 | D0M基本介绍和主要通途是什么 D0M的分类:HTML D0M/CSS D0M/XML D0M的各自特点 HTMLD0M中基本操作:节点对象的访问,节点对象修改,节点对象添加,节点对象删除 D0M节点属性操作 D0M中内容操作 D0M事件对象Event对象,事件流,事件流算法,事件委派,事件代理,绑定和事件销毁等 D0M中Cookie的添加,删除,修改和记住用户名密码。 D0M中常见的其他控件操作:如表格对象,SELECT对象,0bject对象,Script对象,Checkbox对象,Style对象等常见对象操作。 | 熟练掌握D0M对象节点操作,可以更加标准,统一的操作HTML标签文档,制作更加方便和用户体验性更高的用户接口和插件。 | 1、表格隔行显示。 2、淘宝的三级菜单 3、跨域操作 4、购物车中的全选,反选和不选。 5、表单中记住用户名和用户产品浏览历史记录 |
B0M操作 | B0M是什么 B0M主要的实战应用场景有那些 B0M中Windows对象的常见用法 B0M中Navigator对象的常见用法 B0M中Screen的常见用法 B0M中History的使用技巧 B0M中Location的主要用途 B0M中动画,计时器等常见使用 B0M中常见窗口操作,和窗口关系操作。 运动框架,如常见图片特效,滚动,弹性运动等。 | 熟练操作浏览器对象的各种操作,并且能借助浏览器对象,实现各种浏览器API接口调用。 | 1、京东图片播放器动画。 2、大转盘抽奖 3、DIV切换效果 4、打字游戏 5、围住神经猫网页游戏 |
库实现(自定义js库) | 框架与库的意义 JavaScirpt框架的设计模式 的代码规范、框架分类 的框架主要用途和功能 的选择器引擎设计、模块加载系统设计 浏览器嗅探设计、异步处理设计 样式的支持侦测设计 D0M节点操作设计 事件、动画设计、兼容性设计 | 熟练掌握的常见设计模式和代码标准。 | 编写自己的框架。 |
jQuery | 什么是框架 框架种类和使用情况 jQuery框架好处 $工厂函数 jQuery使用、对象捕获 jQuery属性、事件操作 jQuery中CSS,val,class,text,html操作 jQuery中特殊事件、内置函数 jQuery插件、核心函数 jQuery中AJAX操作 jQuery中跨域操作,弹出层,div拖动设置 jQuery网络中插件的使用 jQuery节点、跨域操作 jQuery数据缓存系统 | 熟练掌握jQuery框架的常用操作和jQueryUI等各种插件使用方法,理解jQuery设计原理。 | 1、jQueryUI插件使用 2、jQuery弹出层设计 3、jQuery跨域操作 |
实战项目 | 编写自己的框架 |