百度图片瀑布流加载实战-蜗牛学苑

首页 / 软件研发专题 · Web前端专题:Web前端专题 / 百度图片瀑布流加载实战

发布于 2022-04-21 · 1094 次观看

展开剩余

视频列表
评论
课程介绍
资料列表
教师笔记

01-20200614-瀑布流介绍

12分钟 · 552次播放

73%

02-20200614-瀑布流相关技术和准备工作

8分钟 · 34次播放

03-20200614-等高瀑布流初始布局

13分钟 · 29次播放

04-20200614-布局优化：右侧对齐

10分钟 · 21次播放

05-20200614-布局优化：处理最后一行

5分钟 · 21次播放

06-20200614-动态渲染页面图片

15分钟 · 48次播放

07-20200614-滚动触底加载更多图片

12分钟 · 47次播放

08-20200614-图片懒加载

25分钟 · 51次播放

09-20200614-重新计算图片的宽度缩放比例

12分钟 · 46次播放

10-20200615-计算图片的高度缩放值

14分钟 · 50次播放

11-20200615-等宽瀑布流第一行图片的渲染

26分钟 · 49次播放

12-20200615-等宽瀑布流首屏图片渲染

18分钟 · 49次播放

13-20200615-等宽瀑布流下拉加载功能

11分钟 · 49次播放

14-20200615-等宽瀑布流懒加载优化

7分钟 · 48次播放

共有条回复

{{replyComment.createTime | dateForMat(replyComment.createTime)}}

课程目标

1、学习前端异步加载技术，页面优化方案。 2、pc端和app端常见的瀑布流加载方案。 3、瀑布流等高加载和等宽加载的两种应用场景

知识要点

1、基于前端ajax、flex布局、滚动监听实现内容无限加载。 2、基于项目驱动完成百度图片的页面加载实战，并深入排列算法。 3、深入剖析懒加载和页面优化技巧，提高网页效率的方案。

授课讲师

江岚

从事9年企业项目开发和IT教育培训，积累了丰富的软件开发、项目管理以及IT教育培训经验。曾就职于多家互联网公司担任高级前端工程师，参与多个大型电商网站以及Web APP的开发。精通React、Vue等前端各种主流框架，有丰富的小程序和跨平台移动端开发经验，精通React Native、Flutter等。授课风趣幽默，知识讲解注重理论和实战结合，深入浅出，对学生认真负责，深受学生喜爱。

看看TA的主页

推荐课程