班.级.规.模.及.环.境--热.线:4008699035 手.机:15921673576( 微.信.同.号) |
每个班级的人数限3到5人,互动授课, 保障效果,小班授课。 |
上间和地点 |
上部份地点:【上海】同济大学(沪西)/新城金郡商务楼(11号线白银路站)【深圳分部】:电影大厦(地铁一号线大剧院站)/深圳大学成教院【北京分部】:北京中山学院/福鑫大楼【南京分部】:金港大厦(和燕路)【武汉分部】:佳源大厦(高新二路)【成都分部】:领馆区1号(中和大道)【沈阳分部】:沈阳理工大学/六宅臻品【郑州分部】:郑州大学/锦华大厦【石家庄分部】:河北科技大学/瑞景大厦 最近开间(周末班/连续班/晚班):即将开课,详情请咨询客服! |
实.验.设.备 |
◆小班教学,教学效果好 ☆注重质量☆边讲边练 ☆合格学员免费推荐工作 ★实.验.设.备请点击这儿查看★ |
质.量.保.障 |
1、免费重修; 2、课程结束后,授课老师留联系方式,保障培训效果,免费技术支持。 3、推荐机会。☆合格学员免费颁发相关工程师等资格证书,提升职业资质。专注高端技术培训15年,曙海学员的能力得到大家的认同,受到用人单位的广泛赞誉,曙海的证书受到广泛认可。 |
部份程大纲 |
|
第一章:项目介绍和音乐台头部制作
1-1 项目描述和效果展示
1-2 项目架构搭建和取消浏览器默认行为
1-3 header上半部分制作
1-4 使用rem和less编写样式
1-5 header 下半部分的制作
1-6 header输入框js获取和失去焦点
1-7 header遮罩样式
1-8 css高度塌陷知识补充
1-9 js事件冒泡知识补充
1-10 .header遮罩js交互
第二章:音乐台导航栏和滑动效果制作
2-1 导航栏布局(一)
2-2 导航栏布局(二)
2-3 transform封装函数(一)
2-4 transform封装函数(二)
2-5 transform封装函数(三)
2-6 导航栏滑动(一)
2-7 导航栏滑动(二)
2-8 导航栏快速划屏效果
2-9 导航栏回弹效果
2-10 导航栏遗留速度bug解决
2-11 导航栏li点击变色(一)
2-12 导航栏误触操作的解决
第三章 :自动轮播图的制作
3-1 轮播图制作(一)
3-2 轮播图制作(二)
3-3 轮播图判断换图
3-4 小圆点拖拽跟随移动
3-5 轮播图2d过渡tscproj
3-6 transformCss函数替换2d过渡
3-7 轮播图之无缝划屏
3-8 实现自动轮播
3-9 手动和自动轮播的冲突
3-10 将自动轮播放到项目中
第四章:tab和section内容区的制作
4-1 tab结构划分和搭建
4-2 tab_header和tab_nav的样式
4-3 tab中li的样式
4-4 省略号的实现
4-5 loading布局(一)
4-6 loading布局(二)
4-7 给每个tab_wrap绑定滑动事件
4-8 tab_wrap滑动判断换图(一)
4-9 tab_wrap滑动判断换图(二)
4-10 loading图滑动显示(一)
4-11 loading图滑动显示(二)
4-12 loading图滑动显示(三)
4-13 小绿条跟随移动(一)
4-14 小绿条跟随移动(二)
第五章: 项目功能点完善
5-1 处理抖动bug
5-2 竖向滑屏
5-3 添加滚动条
5-4 滚动条高度和滑动
5-5 竖向滑屏、滚动条封装函数
5-6 横向抖动bug解决 |