1998年-2002年 武汉市四十九中学 教师2003年-2009年 武汉弘博集团 副总2010年至今 上海子杰软件有限公司 技术总监2013年3月-2014年2月 百事通网络电视技术发展有限责任公司 技术顾问2013年3月-2014年2月 南京富士通计算机设备有限公司 技术顾问2013年4月-2015年3月 中国太平洋保险（集团）股份有限公司 技术顾问2014年3月-2015年2月 上海辰锐信息科技公司（公安部三所） 技术顾问2015年3月-2016年2月 库卡机器人制造（上海）有限公司 技术顾问2015年9月-2016年8月 上海安托信息技术有限公司 技术顾问2016年3月-2016年9月 杉德集团-上海久彰电子商务有限公司 技术顾问2016年3月-2017年2月 上海索广映像有限公司（上广电索尼） 技术顾问2018年至今 武汉工商学院 院长获奖荣誉：“2018年中国技能大赛----第45届世界技能大赛上海市选拔赛”商务软件解决方案项目、网站设计与开发项目“优秀指导教练”2019年“湖北工匠杯”技能大赛——湖北省服务贸易职业技能大赛商务软件解决方案（软件服务外包）项目优秀教练第46届世界技能大赛湖北省选拔赛商务软件解决方案项目优秀教练中华人民共和国第一届职业技能大赛移动应用开发项目裁判员

目 录
第1章 DOM节点层次 (1)
1.1 DOM中常用的对象 (2)
1.1.1 Node对象 (2)
1.1.2 Attr对象 (5)
1.1.3 CharacterData对象 (6)
1.1.4 Document对象 (8)
【附件一】 (11)
第2章 节点操作 (13)
2.1 选择器 (13)
2.1.1 顶层元素选择器 (13)
2.1.2 id选择器 (14)
2.1.3 class选择器 (14)
2.1.4 tagName选择器 (14)
2.1.5 name选择器 (15)
2.1.6 CSS选择器 (15)
2.2 遍历 (20)
2.2.1 深度优先遍历 (21)
2.2.2 广度优先遍历 (27)
2.3 元素及表格节点操作 (29)
2.3.1 元素节点操作 (29)
2.3.2 表格节点操作 (32)
2.4 节点属性操作 (34)
2.4.1 节点属性操作 (34)
2.5 节点文本操作 (35)
2.5.1 创建文本节点 (35)
2.5.2 设置或获取文本 (35)
2.5.3 插入文本节点 (37)
2.5.4 删除文本 (38)
2.6 CSS样式 (38)
2.6.1 动态样式 (39)
2.6.2 操作样式表 (45)
2.6.3 计算样式 (48)
2.7 动态加载脚本 (50)
2.7.1 document.write()实现 (51)
2.7.2 动态改变已有的src属性 (51)
2.7.3 动态创建script元素 (52)
【附件二】 (54)
第3章 事件 (55)
3.1 事件流 (55)
3.1.1 事件冒泡 (55)
3.1.2 事件捕获 (57)
3.1.3 事件冒泡和事件捕获的区别 (58)
3.1.4 阻止事件冒泡 (59)
3.1.5 取消事件默认行为 (61)
3.1.6 DOM事件流 (61)
3.2 事件处理程序 (62)
3.2.1 HTML事件处理程序 (62)
3.2.2 DOM0级事件处理程序 (63)
3.2.3 DOM2和DOM3级事件处理程序 (64)
3.2.4 IE事件处理程序 (66)
3.2.5 跨浏览器事件处理程序 (67)
3.3 event事件对象 (70)
3.3.1 DOM中的事件对象 (70)
3.3.2 IE中的事件对象 (73)
3.3.3 事件event对象的兼容性 (74)
3.4 常见事件 (75)
3.4.1 鼠标与滚轮事件 (75)
3.4.2 键盘与文本事件 (77)
3.4.3 UI与焦点事件 (80)
3.5 内存与性能优化 (83)
3.5.1 事件委托 (83)
3.5.2 移除事件处理程序 (86)
【附件三】 (87)
第4章 BOM (88)
4.1 BOM简介 (88)
4.2 window对象 (89)
4.2.1 全局作用域 (89)
4.2.2 窗口位置 (90)
4.2.3 窗口大小 (91)
4.2.4 导航和打开窗口 (93)
4.2.5 获取浏览器组件对象 (98)
4.2.6 Cookie (99)
4.2.7 其他属性和方法 (101)
4.3 location对象 (103)
4.3.1 属性 (103)
4.3.2 方法 (103)
4.3.3 应用实例 (104)
4.4 navigator对象 (104)
4.4.1 属性 (104)
4.4.2 方法 (106)
4.4.3 应用实例 (107)
4.5 screen对象 (108)
4.5.1 属性 (108)
4.5.2 应用实例 (108)
4.6 history对象 (110)
4.6.1 属性 (110)
4.6.2 方法 (110)
4.6.3 应用实例 (111)
【附件四】 (111)
第5章 飞机大战前端项目开发 (112)
5.1 项目介绍 (112)
5.1.1 开发背景 (112)
5.1.2 开发要求 (112)
5.1.3 环境配置要求 (112)
5.2 项目要求 (113)
5.2.1 游戏规则 (113)
5.2.2 游戏界面布局 (113)
5.2.3 游戏逻辑实现 (115)
5.3 项目功能实现（方法一） (116)
5.3.1 界面布局 (117)
5.3.2 我方飞机 (124)
5.3.3 敌方飞机 (127)
5.3.4 子弹 (129)
5.3.5 游戏对象 (131)
5.3.6 小结 (135)
5.4 项目功能实现（方法二） (136)
5.4.1 游戏开始 (137)
5.4.2 我方飞机 (139)
5.4.3 子弹 (140)
5.4.4 敌方飞机 (142)
5.4.5 游戏结束 (144)
【附件五】 (146)

第6章 航空管理系统前端项目开发 (147)
6.1 项目介绍 (147)
6.1.1 开发背景 (147)
6.1.2 开发要求 (147)
6.1.3 环境配置要求 (148)
6.2 项目要求 (170)
6.2.1 创建“登录” (170)
6.2.2 创建“用户菜单和管理员菜单” (171)
6.2.3 创建“查询航班” (171)
6.2.4 创建“航班动态” (174)
6.2.5 创建“航班计划管理” (175)
6.2.6 创建“机票售出详情” (176)
6.2.7 创建“用户管理” (178)
6.2.8 创建“添加/编辑用户” (179)
6.3 项目功能实现 (181)
6.3.1 登录页面 (182)
6.3.2 用户查询航班 (185)
6.3.3 用户航班动态 (195)
6.3.4 航班计划管理 (200)
6.3.5 机票售出详情 (205)
6.3.6 用户管理 (208)
6.3.7 添加/编辑用户 (214)
【附件六】 (219)
参考文献 (221)