创建公司 已有账号?

基本信息



联系信息

-
-

上传资料

选择营业执照图片文件


上传成功后渲染

公司环境照片(最少一张,长宽比例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前端专题 / 百度图片瀑布流加载实战
发布于 2022-04-21 · 951 次观看
展开剩余
  • 课时列表
  • 评论
  • 课程介绍
  • 资料列表
  • 教师笔记
01-20200614-瀑布流介绍
12分钟 · 425次播放
73%
02-20200614-瀑布流相关技术和准备工作
8分钟 · 31次播放
0%
03-20200614-等高瀑布流初始布局
13分钟 · 27次播放
0%
04-20200614-布局优化:右侧对齐
10分钟 · 20次播放
0%
05-20200614-布局优化:处理最后一行
5分钟 · 20次播放
0%
06-20200614-动态渲染页面图片
15分钟 · 47次播放
0%
07-20200614-滚动触底加载更多图片
12分钟 · 46次播放
0%
08-20200614-图片懒加载
25分钟 · 50次播放
0%
09-20200614-重新计算图片的宽度缩放比例
12分钟 · 45次播放
0%
10-20200615-计算图片的高度缩放值
14分钟 · 49次播放
0%
11-20200615-等宽瀑布流第一行图片的渲染
26分钟 · 48次播放
0%
12-20200615-等宽瀑布流首屏图片渲染
18分钟 · 48次播放
0%
13-20200615-等宽瀑布流下拉加载功能
11分钟 · 48次播放
0%
14-20200615-等宽瀑布流懒加载优化
7分钟 · 47次播放
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的主页
推荐课程
编码自动化
编码自动化
陈嗣洪 · 683人观看 · 231分钟

编码自动化

并提供自动编译项目源代码、发布项目可执行代码到测试环境和启动运行测试环境,不用编写代码、不需要部署、不需要测试环境立马运行你想要的系统
码农机器人 MDA模型驱动系统自动生成编译运行测试平台课程 码农公园是一个代码生成机器人,能根据设计人员设计的CDM模型直接生成大型分布式构架的J2EE项目所有源代码,
加入收藏
系统测试
系统测试
卿淳俊 · 5815人观看 · 1209分钟

系统测试

能够利用Python开发基于网络协议如HTTP,TCP,WebService等接口测试自动化,能应用JMeter或SoapUI等接口测试工具
对软件系统测试的方法,流程和测试用例设计方法有深刻理解,对缺陷管理及黑盒测试方法有深刻体会
加入收藏
MYSQL数据库
MYSQL数据库
李利敏 · 10689人观看 · 1133分钟

MYSQL数据库

将项目中的用户信息及对战信息通过数据库保存及操作
数据库概念,MySQL配置,命令,建库建表,约束,数据的增删改查,视图,函数,事务,建模工具、JDBC操作数据库,开源工具DbUtils的使用
加入收藏
运营设计
运营设计
陈中明 · 3017人观看 · 717分钟

运营设计

·理解插画在UI界面中的作用 ·能熟练使用PS、AI、Sketch等软件绘制运营插画 ·理解Banner图在界面中的作用,以及其设计规范、原则 ·理解瓷片区的定义、设计要点 ·理解H5的定义、设计流程、设计要点 ·能对不同弹窗进行不同维度的分类,区分模态弹窗与非模态弹窗 ·理解情感化设计在UI界面设计中的作用
·UI界面中的插画运用 ·UI界面中的Banner与瓷片区设计 ·H5的认知与设计流程 ·弹窗设计 ·情感化页面设计:启动页、引导页、缺省页
加入收藏
QTP自动化测试工具
QTP自动化测试工具
邓强 · 2027人观看 · 1383分钟

QTP自动化测试工具

对象检查,网页检查,文字检查,表格检查
QTP介绍,测试用例网站
加入收藏
APP专项测试
APP专项测试
徐小兵 · 5121人观看 · 405分钟

APP专项测试

通过和开发人员的共同工作,深入理解软件测试在项目实施过程中的迭代方式,提高对项目实施过程,开发流程,测试流程的理解,提高个人核心竞争力
基于敏捷开发过程协作完成项目,模拟项目的版本迭代过程与,完整体验真实项目实施过程
加入收藏
面向对象编程
面向对象编程
陈云 · 4774人观看 · 1695分钟

面向对象编程

理解Java面向对象编程,掌握Java核心关键字的意义
理解Java面向对象编程,掌握Java核心关键字的意义
加入收藏
Linux操作系统
Linux操作系统
高鹏 · 7451人观看 · 1267分钟

Linux操作系统

Linux作为一个主流的服务器操作系统,是每一个开发工程师必须掌握的重点技术,并且能够熟练运用
Linux安装配置,文件目录操作,VI命令,管理,用户与权限,环境部署,Shell编程
加入收藏
Python网络爬虫实战直播课
Python网络爬虫实战直播课
卿淳俊 · 1577人观看 · 1460分钟

Python网络爬虫实战直播课

为以后进入机器学习、数据挖掘行业打下基础
主要是针对不了解爬虫、数据分析的受众,用案例实战的形式带领大家了解和入门爬虫和数据分析可视化这个行业
加入收藏
想要吊打高并发?你必须知道的底层原理
想要吊打高并发?你必须知道的底层原理
徐朝波 · 880人观看 · 158分钟

想要吊打高并发?你必须知道的底层原理

volatile的使用场景和内存屏障的产生原因与性能优化。
1、synchronized锁的使用和注意事项。 2、对象创建过程与对象字节码信息。
加入收藏
微信小程序影城实战
微信小程序影城实战
江岚 · 1526人观看 · 180分钟

微信小程序影城实战

组件开发、请求封装、代码优化、swiper组件使用
基于微信小程序原生开发,云开发和部署 、基于项目实战,掌握微信前后端实战流程
加入收藏
H5和CSS3编程
H5和CSS3编程
张瑞 · 19876人观看 · 1086分钟

H5和CSS3编程

熟练掌握网页布局技巧,熟悉CSS3新特性完成页面设计和优化
选择器、选择器权重计算样式继承、IFC、BFC、常见布局技巧、CSS新增特性
加入收藏