珠峰培训2012版javaScript课程大纲
- 珠峰培训2012版全新课程大纲
- 1 javaScript入门及基本逻辑关系的培养
- 1.1 javascript脚本在网页里的几种写法，语法，变量类型。
- 1.2 JS控制HTML属性（HTML DOM）和JS控制CSS属性（CSS DOM）及类样式。
- 1.3 条件判断语句（if else,三元运算符，if else if和switch的区别），break和return的应用和区别；
- 1.4 循环的几样写法（for,while,do while,for in )及相互代替的写法。
- 1.5 变量的类型自动转换。
- 1.6 方法的定义，方法的特殊性，匿名方法和匿名方法的运行，变量作用域及私有作用域简单了解，带参数的方法和带返回值的方法。
- 1.7 this关键字初步了解
- 1.8 事件属性的初涉（DOM 0级事件的初步了解）
- 1.9js调试工具的初步了解！
- 2.DOM应用及javascript内置对象详解
- 2.1、什么是DOM，它能干点什么
- 2.2、DOM详细：DOM用来获取、遍历、创建元素的方法细讲
- 2.3、时间类的详细及应用：实例包括时钟，倒记时；
- 2.4、常用数学方法详解；
- 2.5、动画基础；
- 2.6、调试工具的使用；
- 2.7、重要的浏览器对象属性（BOM）详解及应用
- 作业及综合练习：用DOM方法自动创建HTML元素，综合DOM、事件基本应用的示例、复杂时钟（可自由启动停止、倒记时），浏览器版本判断。
- 本讲附有大量视频
- 3.字符串处理方法及正则表达式
- JS中字符串处理方法详解
- 为什么需要正则和正则入门
- 正则语法：原子、元字符、模式符、边界、非贪婪匹配、正向预知等
- 正则方法详解：exec,match,replace等方法
- 正则实例详解：验证用户名、密码、身份证、网址、邮箱等
- 高级正则应用：正则在jquery源码中的应用
- 本节内容贯穿在整个课程在以应用的方式讲解
- 4.DOM的深入应用及创建自己的DOM方法库
- 4.1、命名空间的概念及优点；
- 4.2、编写通用的增加类样式和移除类样式的方法
- 4.3、通过类名来获取元素的方法；
- 4.4、仿jQuery的siblings方法（获取一个节点的兄弟节点）；
- 4.5、获取一个节点下元素子节点的方法；
- 4.6、编写通用的CSS属性值的设置和记取的方法（类似于jQuery的css方法）；
- 4.7、编写 获取某个元素的索引值的方法（类似于jQuery的index方法）；
- 4.8、DOM操作的兼容性问题及其它常用的DOM方法的编写。
- 3.9、JS 最新API方法及应用：querySelectorAll，firstElementChild、getElementsByClassName等
- 4.10、封装自己的通用DOM方法库。
- 5.js动画效果及封装自己的动画效果库
- 动画原理及定时器详解（setTimeout和setInterval）
- 匀速动画算法和动画积累、过界等通用问题的处理
- 缓冲动画算法（buffer）
- 弹性动画算法(flex)
- 反弹动画算法(bound)
- 和数学相关的一些动画算法（直线，圆，多边形等）
- 封装自己的动画效果库，轻松搞定90%以上的页面效果
- jquery中animate方法原理分析
- 动画实例讲解【可以做出目前流行的绝大多数动画效果】
- 课程安排是两天时间，由于内容实在过于充实，课上讲不完的会有视频，一些实例会融合到以后的课程中出现。
- 6.jquery专题
- 选择器
- DOM操作
- 事件及事件绑定
- 动画及动画实例
- jQuery操作表单
- js的Cookie机制及应用
- 使用jQuery插件
- 自已编写三种形式的jQuery插件
- jQuery的学习是在前五个模块学完了的基础上的学习，学习过程中使用对比法，把自己原来写过的DOM方法和动画方法对一个对比，一来加强对jQuery方法原理性的理解，二来深入理解封装框架的重要性。此模块大约需要两天半的时间。
- 7.事件的深入应用详解
- 1、事件绑定的三种方式及各自的优缺点
- 2、2级DOM的事件绑定方法 的优点
- 3、2级DOM的事件绑定方法的浏览器兼容性问题
- 4、事件的浏览器差异（兼容性问题）
- 5、事件的冒泡、捕获和事件传播机制的应用
- 6、事件属性详解：鼠标事件、键盘事件和手机浏览器中的事件等
- 实例1：完美拖拽效果的两种不同实现效果；
- 实例2：解决IE中二级DOM事件绑定的this关键字指向问题（会详解call和apply这两个方法）；
- 实例3：用顶级事件绑定的方式编写通用页面菜单效果；
- 实例4：应用事件流特点编写通用的树形菜单（就是这个课程大纲的样子）；
- 实例5：编写通用的下拉菜单效果。
- 8.javaScript面向对象及设计模式
- 什么是面向对象，为什么需要“面向对象”
- js里“对象”的实质是什么
- js中“类”的特点（其实就是prototype的特点和原理）
- 单例模式
- 工厂模式
- 构造函数模式
- 原型模式
- 构造函数和原型组合模式
- 原型链详细
- 基于原型链的继承
- 借用构造函数继承
- 组合继承
- js面向对象应用实例：
简单实例、拖拽实例、用面向对象仿jquery的链式写法实例、spry框架中的选项卡面板写法
- 9.ajax技术应用详解
- 1、浏览器端（客户端）与服务器端交互原理
- 2、PHP网站开发与数据库操作技术（传统方式）
- 3、通过PHP动态网站，来理解传统的客户端回发和局部刷新的区别。
- 4、js原生ajax技术代码
- 5、使用jQuery实现ajax技术
- 6、JSON对象的理解和应用
- 7、javaScript操作XML数据
- 这一模板知识包括PHP、SQL、原生js和jQuery等，是一个综合应用课，课时由原来的一天，增加为现在的两天。
- 10.js脚本调试及异常处理
- js脚本调试和主流浏览器调试工具的使用
- js脚本中的异常处理
- js脚本的自定义异常
- 此模块不是单独的知识模块，这些内容会贯通到整个课程体系中讲解和应用
- 高级专题：jquery源码分析专题
- jquery查询是怎么实现的（Sizzle核心引擎详解）
- 关于2012新版课程大纲升级的说明
- 1 javaScript入门及基本逻辑关系的培养
- 学员常见问题答疑
- 【javaScript课程】最近开班时间：2012年2月11日
霍营市场监督管理所投诉举报电话：010-60787760 | 