• 9h

    课程时长

  • 无限期

    有效期

  • 498

    学习人数

本视频讲的是百度外卖案例,在讲解过程中,对这个案例使用到的很多知识点进行了详细的介绍,例如sass语法,em&rem的作用等,还包括这些知识点具体的使用方法和技巧,整个讲授过程层层递进,非常详细,相信一定会让您受益匪浅。

第一章 百度外卖页面分析和CSS3rem

1.百度外卖的基本结构

2.em&rem的作用

3.使用rem适配多个设备

4.js动态的修改htmlfontSize

5.百度外卖scss js计算rem

第二章 百度外卖页面布局

01.百度外卖_首页布局

02.第二页布局

03.sass语法补充

04.添加sass函数混入提升开发效率

05.swiper准备&颜色

06.顶部标题

07.页面1_轮播页面1布局

08.页面1_轮播页面1文件布局

09.页面1_轮播页面2页面布局

10.页面2_布局效果

11.页面3_布局

12.页面4_布局

13.页面5_布局

14.页面6_布局

15.页面7_布局

第三章 百度外卖轮播图页面动态效果实现

1.首页动画效果

2.首页动画播放完毕切换

3.welcome页面动画效果实现

4.外卖第二页动画实现

5.外卖title区域动画

6.首先旋转进来

7.旋转动画分析&抖动动画

8.首页动画完成

9.页面2动画

10.禁用开启滑动

11.页面3t牌子动画

12.页面3t牌子 牌子动画

13.页面3还原样式&4动画&5动画

14.页面6礼物动画

15.页面6礼物动画处理

16.页面6礼物动画sass循环语法

17.播放音频

18.animate.css基本使用

19.百度外卖

适合有一定Web前端开发基础的学员

师资团队
  • 前端高级讲师
    高级讲师
    前端开发工程师和软件开发工程师, 具有多年软件开发项目经验,曾就职于某大型外企,在软件开发和培训方面积累了丰富的经验,精通Ajax、Linux、ThinkPHP、Yii、SVN、jQuery、Redis、Mysql、XML等,上课语言幽默,逻辑清晰。