课程大纲

第一阶段  JS基础

JS入门：事件、原理、属性、样式、函数、if判断

JS入门：style和行间样式、函数传参、属性操作两种方式

字符串和变量、字面量和变量

提取行间事件、onload、byTagName、数组

循环、全选、选项卡、innerHTML、字符串连接

调试工具的使用、如何调试JS

变量类型、typeof、JS常见类型

类型转换、parseInt、NaN、隐式转换

作用域、闭包、命名规范、运算符、流程控制

变量遮蔽

JS中的随机数、随机颜色、随机范围、随机不重复

函数返回值

深入理解函数返回值

定时器：interval、timeout、时钟、QQ资料框、自动播放选项卡、京东商城侧边栏

arguments、字符串操作、数组操作、Json

循环外i的问题、函数定义和调用的区别、不变的变量

DOM操作基础：创建、添加、删除

BOM基础：窗口操作、UA、location

BOM应用：滚动、scrollTop、offset、clientHeight、浏览器类型检测

事件对象：冒泡、clientX、keyCode、ctrl/alt/shift、默认行为、拖拽

QQ邮箱闪烁提示、回放路径的拖拽

树形菜单、多级右键菜单

第二阶段  JS中级开发+案例实战

批量设置样式：json、cssText、with

location、hash、query的处理，刷新保存页码

Date对象应用：setFullYear/Month等，时间戳、倒计时

Date高级应用

闭包的应用、封闭命名空间

ajax无刷新数据加载：创建、发送、接收、字符集和缓存

DOM应用：firstChild/lastChild、nextSibling/previousSibling

操作属性的第三种方式、自定义属性的获取、src的相对路径

offsetParent、计算元素的页面绝对位置

图片延迟加载——迅雷

简易瀑布流——花瓣

横向瀑布流——百度

DOM与innerHTML、innerHTML的bug

天猫、淘宝吸顶导航条

天猫、京东placeholder输入框

永远在页面中的右键菜单、提示图片

图片预加载、Image对象的使用

Image对象批量加载

运动基础、匀速运动、运动框架、侧边栏、淡入淡出

缓冲运动、页面提示框

多物体运动框架、万能运动框架、链式运动框架、完美运动框架

布局转换、淘宝幻灯片

运动应用：划动提示层、百度百科数字框、新浪滚动微博

永远在页面中放大的图片

无缝滚动

手风琴幻灯片、淘宝网无缝滚动幻灯片

this的用法、完美拖拽

完美封装可重用代码

完美拖拽、吸附拖拽、带框拖拽

程序思想——如何找思路，如何找规律，如何思考

碰撞检测、模拟窗口拖拽大小

窗口拖拽大小的封装和重用

自定义滚动条、鼠标滚轮

事件绑定、DOM事件流

第三阶段 cookie基础

ajax高级应用：用户注册和登录、表单提交

后台接口的使用、接口文档

编写AJax的基本步骤

Jsonp跨域的方法——百度下拉提示

script标签的怪异特性、callback的使用

Jsonp标签的管理

封装可重用的Jsonp方法

ajax制作简易新浪微博：后台、接口、分页、顶、页码

其他常见数据格式及用法：CSV、XML

JS中的预解析机制、script出错时的处理机制

预解析相关面试题

递归及其各种应用

递归相关面试题

递归的性能问题、递归的优化

栈溢出的原因和处理

引用、复制

JS中的异常：try...catch的使用

try的嵌套和性能问题

抛出异常、Exception对象、异常和返回值的区别及用途

JS变量生存周期、垃圾回收机制

闭包与JS垃圾回收

闭包的用法、保存i的值

JS性能优化——健壮性、维护性、性能的平衡

性能瓶颈的识别——性能检测工具的使用：Chrome profiles、YSlow等

JS阻塞加载、图片延迟加载、网络性能优化、压缩、CDN的使用

JS执行性能优化：DOM操作、循环、数组优化、局部变量、eval、parseInt、系统函数、字符串连接、正则等

正则表达式：RegExp对象、search方法、忽略大小写

match方法和全局匹配、量词的问题、replace方法

字符类、转义字符、行首行为、中文、单词边界、括号

正则应用：可重用的表单校验

自动表单校验、批量表单校验

自定义表单组件

DOM文本节点：创建、兼容、应用

firstChild怪异问题、childNodes的问题

domReady事件：优点、DOMContentLoaded、defer、onload

事件队列、封装ready事件函数

事件委托（事件代理）：冒泡的使用、srcElement属性、target属性、this的检测

call的使用——解决this指向问题

mouseleave事件——作用、封装，彻底解决mouseout冒泡的问题

弹性应用：滑动导航

第四阶段  JS面向对象 

面向对象回顾：什么是面向对象、对象的组成、OOP的特点、this的本质、Object对象

工厂方式构造对象、原型（prototype）、混合法构造JS对象、实例：面向对象的选项卡

JS算法基础：时间复杂度和空间复杂度

数据结构基础：线性和随机、线性表、O表示法、数据结构基本操作

线性表和排序：4大排序算法、适用范围、蜕变和劣化、移动操作开销

树和排序：树的查找、添加和平衡

散列：空间换取时间、空间利用率和算法效率

图：路径算法、预处理和随机处理

模块的规划、接口

模块的加载、依赖、循环依赖

模块作用域和export

script加载和同步、请求合并、压缩代码

模块的重用和冲突

MVC基础：3层模型和耦合度

耦合的问题和消除

数据独立性、独立数据模型

设计模式：优点、常见模式

自定义事件、事件队列管理、事件的传递、事件对象和参数、监听模式的问题

数据队列的管理、反向监听和解耦合、模块独立性