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

欢迎回来没有账号？前往注册

手机号码

0 / 11

密码验证码登录

密码或手机号错误

验证码验证码有误，请重新输入

忘记密码？前往重置

手机号码

0 / 11

验证码密码登录

密码或手机号错误

忘记密码？前往重置

转到注册企业账号

账号注册已有账号？

手机号码账号已存在

0 / 11

验证码验证码错误

账号注册

注册成功，默认密码已通过短信发送给您

欢迎来到蜗牛学苑~

企业账号申请

申请已提交

我们在人工审核通过后会立即发送短信通知您

届时将对您开放全部HR功能

真实姓名名字格式错误

所属公司

选择营业执照图片文件

上传成功后渲染

新密码密码或手机号错误

确认密码

创建公司已有账号？

基本信息

公司全称

法定代表人

公司行业选择

公司性质

公司规模

公司简介

联系信息

公司所在地址

省份

-

市

-

县/区

详细地址

上传资料

选择营业执照图片文件

上传成功后渲染

公司环境照片（最少一张，长宽比例16：9）

修改密码不需要了？

手机号码

0 / 11

验证码验证码错误

新密码密码或手机号错误

确认密码

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

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

展开剩余

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

01-20200614-瀑布流介绍

12分钟 · 778次播放

73%

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

8分钟 · 40次播放

0%

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

13分钟 · 33次播放

0%

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

10分钟 · 23次播放

0%

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

5分钟 · 23次播放

0%

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

15分钟 · 50次播放

0%

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

12分钟 · 49次播放

0%

08-20200614-图片懒加载

25分钟 · 53次播放

0%

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

12分钟 · 48次播放

0%

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

14分钟 · 52次播放

0%

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

26分钟 · 51次播放

0%

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

18分钟 · 51次播放

0%

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

11分钟 · 52次播放

0%

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

7分钟 · 50次播放

0%

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

回复

共有条回复

回复

{{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的主页

推荐课程

Java设计模式（一）

高鹏 · 5186人观看 · 931分钟

Java设计模式（一）

掌握7大设计原则，掌握UML建模，掌握常用设计模式了解其它设计模式

面向对象设计原则、UML、设计模式、企业级常见设计模式解析

加入收藏

APP专项测试

胡名海 · 18744人观看 · 373分钟

APP专项测试

理解APP专项测试的核心概念、熟练使用APP专项测试工具、熟练使用ADB命令、掌握APP的Monkey测试方法

APP专项测试核心知识、ADB常用测试命令、Monkey测试、APP专项测试工具应用

加入收藏

ORM框架MyBatis

范程皓 · 27985人观看 · 1523分钟

ORM框架MyBatis

完成项目案例数据访问层开发

Java高级语言特性，XML及解析，单元测试JUnit，Log4j，MyBatis实现WoniuMall的数据访问对象

加入收藏

Django开发项目实战

赵勇文 · 13490人观看 · 1913分钟

Django开发项目实战

本课程通过一个完整的企业级电商商城项目开发为基础，从系统需求分析开始，系统地讲解整个项目开发的全流程，帮助大家学习真正的企业级项目开发应该怎么做，会用到哪些技术，会碰到哪些坑。完成这个项目之后，将能够真正积累企业级项目开发的经验。

本课程通过一个完整的企业级电商商城项目开发为基础，从系统需求分析开始，系统地讲解整个项目开发的全流程，帮助大家学习真正的企业级项目开发应该怎么做，会用到哪些技术，会碰到哪些坑。完成这个项目之后，将能够真正积累企业级项目开发的经验。

加入收藏

illustrator预习

张燕 · 606人观看 · 727分钟

illustrator预习

ai软件基础与商业插画

ai软件基础与商业插画

加入收藏

算法精进之Java经典数据结构揭秘

潘光华 · 1370人观看 · 448分钟

算法精进之Java经典数据结构揭秘

不但会使用内置工具，更要从底层深入源码设计理念，轻松解决企业特定业务场景的诸多问题、直击大厂数据结构相关面试

1. 针对任意年限java开发经验群体，只要具备逻辑基础和面向对象编程就能轻松上手 2. 源码驱动的对比式教学，一门课程让您学会数据结构源码设计

加入收藏

CSS3动画SASS和BootStrap-凡云

张骁 · 989人观看 · 460分钟

CSS3动画SASS和BootStrap-凡云

弹性布局、transtion过渡、tranform动画、Animation动画使用技巧，2D动画和3D动画设计，预编译CSS技术

理解动画的原理，掌握动画的基础设计并完成网页动态效果设计，熟练掌握网页布局，能够熟练使用 Less、Sass完成

加入收藏

SpringCloud微服务

向伟 · 16533人观看 · 822分钟

SpringCloud微服务

掌握RabbitMQ中间件、ElasticSearch实际场景应用开发及Docker容器化技术应用

消息队列中间件RabbitMQ、延迟队列、MQ限流、接口限流、ElasticSearch全文检索引擎、微服务架构下的链路追踪、Docker容器化技术、Nocas注册中心、Sentinel熔断降级

加入收藏

Java语言基础

陈云 · 11917人观看 · 928分钟

Java语言基础

Java语言的语法基础

Java语言的语法基础

加入收藏

Jenkins框架布署自动化测试

齐美玉 · 999人观看 · 159分钟

Jenkins框架布署自动化测试

Jenkins是目前持续集成方案中较为流行的工具, 是一个开源项目，提供了一种易于使用的持续集成系统，使开发和测试者从繁杂的集成中解脱出来，专注于更为重要的业务逻辑实现上。同时 Jenkins 能实施监控集成中存在的错误，提供详细的日志文件和提醒功能.

持续集成是软件开发过程中非常重要的一个环节，不仅仅是影响软件开发的效率，也会对软件开发的流程产生一定的影响。

加入收藏

Windows与网络基础

Windows与网络基础

夏勇雄 · 197人观看 · 911分钟

Windows与网络基础

加入收藏

系统测试基础

李利敏 · 4267人观看 · 714分钟

系统测试基础

软件工程，软件质量，系统测试流程，方法，软件测试专业术语，测试用例设计，测试报告，缺陷管理

软件工程，软件质量，系统测试流程，方法，软件测试专业术语，测试用例设计，测试报告，缺陷管理

加入收藏

结算台

当前所选课程：课程名称
您可以获得：100小时的视频