博学谷 > 免费课 > Web前端开发百度外卖实战项目

百度外卖项目

Web前端开发百度外卖实战项目

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

主讲:前端高级讲师 | 课程时长:9课时| 学习人数: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前端开发基础的学员

猜你还感兴趣

暂无推荐课程,自己逛逛吧