课程简介：

本课程主要讲解DOM、BOM操作、网页特效、正则表达式、本地存储等知识点，拒绝冷偏知识点，结合案例教学，让知识点更实用。

课程亮点：

1. pink老师主讲

2. 本课程主要讲解DOM、BOM操作、网页特效、正则表达式、本地存储等。拒绝冷偏知识点，突出实用。

3. 课程采用闭环方式设计，每天课程都有完整的实用案例或项目，把当天所有重点内容进行综合强化练习， 让学生学以致用。

4. 课堂案例在实际开发中都有运用场景。

适用人群：

1. 对前端开发感兴趣的在校生及应届毕业生

2. 对目前职业有进一步提升需求，希望从事前端行业高薪岗位的在职人员

3. 对前端开发感兴趣，希望快速入门前端开发的相关人员

4. 有一定JavaScript基础的同学学习更佳

课程内容：

第一天：

1、DOM

2、DOM获取方式 

3、修改DOM元素内容

4、修改DOM元素样式 classList

5、修改表单属性

6、定时器-间歇函数 setInterval

7、综合案例-自动切换焦点图

第二天：

1、DOM2级事件

2、随机点名案例

3、事件类型

4、事件监听

5、高阶函数

6、环境对象 this

7、排他思想

8、综合案例- tab栏切换

第三天：

1、DOM节点之增删改查

2、克隆节点

3、渲染商品信息案例

4、时间对象

5、时间戳

6、综合案例-秒杀倒计时效果

7、综合案例- 微博发布效果

8、重绘和回流

第四天：

1、购物车案例

2、事件对象 

3、事件流

4、图片跟随鼠标案例

5、微博发布按下回车发布新闻案例

6、阻止冒泡

7、事件委托

8、综合案例- 动态渲染学生信息

第五天：

1、手风琴效果

2、页面加载事件

3、仿新浪返回顶部案例

4、仿京东固定导航栏

5、电梯导航案例

6、综合案例- 小米焦点图制作

第六天：

1、BOM对象

2、定时器-延时函数 setTimeout

3、递归函数

4、js执行机制

5、事件循环 eventLoop

6、location 对象

7、swiper插件使用

8、本地存储

9、综合案例-本地存储版本微博发布案例

第七天：

1、正则表达式

2、边界符、量词、元字符、预定义类

3、正则替换

4、发送短信验证码案例

5、change事件

6、综合案例- 小兔鲜注册页面验证

7、记住用户名案例

8、首页显示用户名