更新时间:2022-09-08 来源:黑马程序员 浏览量:
本课程主要讲解DOM、BOM操作、网页特效、正则表达式、本地存储等知识点,拒绝冷偏知识点,结合案例教学,让知识点更实用。采用闭环方式设计,每天课程都有完整的实用案例或项目,把当天所有重点内容进行综合强化练习, 让学生学以致用。
全套视频教程+笔记+源码百度云盘下载地址:
https://yun.itheima.com/course/949.html
在线观看全集视频
课程亮点:
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、综合案例- 小米焦点图制作
5第五天1、BOM对象
2、定时器-延时函数 setTimeout
3、递归函数
4、js执行机制
5、事件循环 eventLoop
6、location 对象
7、swiper插件使用
8、本地存储
9、综合案例-本地存储版本微博发布案例
6第六天1、BOM对象
2、定时器-延时函数 setTimeout
3、递归函数
4、js执行机制
5、事件循环 eventLoop
6、location 对象
7、swiper插件使用
8、本地存储
9、综合案例-本地存储版本微博发布案例
7第七天1、正则表达式
2、边界符、量词、元字符、预定义类
3、正则替换
4、发送短信验证码案例
5、change事件
6、综合案例- 小兔鲜注册页面验证
7、记住用户名案例
8、首页显示用户名