创建公司 已有账号?

基本信息



联系信息

-
-

上传资料

选择营业执照图片文件


上传成功后渲染

公司环境照片(最少一张,长宽比例16:9)

课时列表
01-20200614-瀑布流介绍
02-20200614-瀑布流相关技术和准备工作
03-20200614-等高瀑布流初始布局
04-20200614-布局优化:右侧对齐
05-20200614-布局优化:处理最后一行
06-20200614-动态渲染页面图片
07-20200614-滚动触底加载更多图片
08-20200614-图片懒加载
09-20200614-重新计算图片的宽度缩放比例
10-20200615-计算图片的高度缩放值
11-20200615-等宽瀑布流第一行图片的渲染
12-20200615-等宽瀑布流首屏图片渲染
13-20200615-等宽瀑布流下拉加载功能
14-20200615-等宽瀑布流懒加载优化
首页 / 软件研发专题 · 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设计模式(一)
Java设计模式(一)
高鹏 · 5186人观看 · 931分钟

Java设计模式(一)

掌握7大设计原则,掌握UML建模,掌握常用设计模式了解其它设计模式
面向对象设计原则、UML、设计模式、企业级常见设计模式解析
加入收藏
APP专项测试
APP专项测试
胡名海 · 18744人观看 · 373分钟

APP专项测试

理解APP专项测试的核心概念、熟练使用APP专项测试工具、熟练使用ADB命令、掌握APP的Monkey测试方法
APP专项测试核心知识、ADB常用测试命令、Monkey测试、APP专项测试工具应用
加入收藏
ORM框架MyBatis
ORM框架MyBatis
范程皓 · 27985人观看 · 1523分钟

ORM框架MyBatis

完成项目案例数据访问层开发
Java高级语言特性,XML及解析,单元测试JUnit,Log4j,MyBatis实现WoniuMall的数据访问对象
加入收藏
Django开发项目实战
Django开发项目实战
赵勇文 · 13490人观看 · 1913分钟

Django开发项目实战

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

illustrator预习

ai软件基础与商业插画
ai软件基础与商业插画
加入收藏
算法精进之Java经典数据结构揭秘
算法精进之Java经典数据结构揭秘
潘光华 · 1370人观看 · 448分钟

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

不但会使用内置工具,更要从底层深入源码设计理念,轻松解决企业特定业务场景的诸多问题 、直击大厂数据结构相关面试
1. 针对任意年限java开发经验群体,只要具备逻辑基础和面向对象编程就能轻松上手 2. 源码驱动的对比式教学,一门课程让您学会数据结构源码设计
加入收藏
CSS3动画SASS和BootStrap-凡云
CSS3动画SASS和BootStrap-凡云
张骁 · 989人观看 · 460分钟

CSS3动画SASS和BootStrap-凡云

弹性布局、transtion过渡、tranform动画、Animation动画使用技巧,2D动画和3D动画设计,预编译CSS技术
理解动画的原理,掌握动画的基础设计并完成网页动态效果设计,熟练掌握网页布局,能够熟练使用 Less、Sass完成
加入收藏
SpringCloud微服务
SpringCloud微服务
向伟 · 16533人观看 · 822分钟

SpringCloud微服务

掌握RabbitMQ中间件、ElasticSearch实际场景应用开发及Docker容器化技术应用
消息队列中间件RabbitMQ、延迟队列、MQ限流、接口限流、ElasticSearch全文检索引擎、微服务架构下的链路追踪、Docker容器化技术、Nocas注册中心、Sentinel熔断降级
加入收藏
Java语言基础
Java语言基础
陈云 · 11917人观看 · 928分钟

Java语言基础

Java语言的语法基础
Java语言的语法基础
加入收藏
Jenkins框架布署自动化测试
Jenkins框架布署自动化测试
齐美玉 · 999人观看 · 159分钟

Jenkins框架布署自动化测试

Jenkins是目前持续集成方案中较为流行的工具, 是一个开源项目,提供了一种易于使用的持续集成系统,使开发和测试者从繁杂的集成中解脱出来,专注于更为重要的业务逻辑实现上。同时 Jenkins 能实施监控集成中存在的错误,提供详细的日志文件和提醒功能.
持续集成是软件开发过程中非常重要的一个环节,不仅仅是影响软件开发的效率,也会对软件开发的流程产生一定的影响。
加入收藏
Windows与网络基础
Windows与网络基础
夏勇雄 · 197人观看 · 911分钟

Windows与网络基础

加入收藏
系统测试基础
系统测试基础
李利敏 · 4267人观看 · 714分钟

系统测试基础

软件工程,软件质量,系统测试流程,方法,软件测试专业术语,测试用例设计,测试报告,缺陷管理
软件工程,软件质量,系统测试流程,方法,软件测试专业术语,测试用例设计,测试报告,缺陷管理
加入收藏
结算台