创建公司 已有账号?

基本信息



联系信息

-
-

上传资料

选择营业执照图片文件


上传成功后渲染

公司环境照片(最少一张,长宽比例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 · 1210 次观看
展开剩余
  • 视频列表
  • 评论
  • 课程介绍
  • 资料列表
  • 教师笔记
01-20200614-瀑布流介绍
12分钟 · 668次播放
73%
02-20200614-瀑布流相关技术和准备工作
8分钟 · 34次播放
0%
03-20200614-等高瀑布流初始布局
13分钟 · 29次播放
0%
04-20200614-布局优化:右侧对齐
10分钟 · 21次播放
0%
05-20200614-布局优化:处理最后一行
5分钟 · 21次播放
0%
06-20200614-动态渲染页面图片
15分钟 · 48次播放
0%
07-20200614-滚动触底加载更多图片
12分钟 · 47次播放
0%
08-20200614-图片懒加载
25分钟 · 51次播放
0%
09-20200614-重新计算图片的宽度缩放比例
12分钟 · 46次播放
0%
10-20200615-计算图片的高度缩放值
14分钟 · 50次播放
0%
11-20200615-等宽瀑布流第一行图片的渲染
26分钟 · 49次播放
0%
12-20200615-等宽瀑布流首屏图片渲染
18分钟 · 49次播放
0%
13-20200615-等宽瀑布流下拉加载功能
11分钟 · 49次播放
0%
14-20200615-等宽瀑布流懒加载优化
7分钟 · 48次播放
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的主页
推荐课程
Numpy数据运算
Numpy数据运算
卿淳俊 · 3032人观看 · 396分钟

Numpy数据运算

熟练掌握Numpy库的各种操作以及矩阵的变形、运算、张量处理等
NDArray数组的创建、初始化、修改、变形、转置、切片等操作,以及各类矩阵的逻辑运算、聚合运算、组间运算、点积运算、高级操作
加入收藏
网络安全预科-凡云
网络安全预科-凡云
魏浩然 · 993人观看 · 2170分钟

网络安全预科-凡云

1. 掌握Windows常用命令 2. 掌握Windows常用安全配置 3. 掌握计算机网络基础 4. 掌握IP地址与子网划分
环境配置、Windows命令、用户管理、注册表、系统权限、组策略、防火墙、VMWare虚拟机、网络基础、OSI与TCP/IP模型、数据传输过程、IP地址与子网划分
加入收藏
分布式事务
分布式事务
高鹏 · 7679人观看 · 493分钟

分布式事务

掌握RabbitMQ中间件、ElasticSearch实际场景应用开发及Docker容器化技术应用
消息队列中间件RabbitMQ、延迟队列、MQ限流、接口限流、ElasticSearch全文检索引擎、微服务架构下的链路追踪、Docker容器化技术、Nocas注册中心、Sentinel熔断降级
加入收藏
H5捕鱼达人游戏实战
H5捕鱼达人游戏实战
邓乃文 · 1202人观看 · 169分钟

H5捕鱼达人游戏实战

举一反三扩展到各类游戏
H5游戏的开发流程和项目搭建、掌握绘图技巧和性能优化
加入收藏
系统测试基础
系统测试基础
王宇 · 780人观看 · 639分钟

系统测试基础

1. 熟悉软件功能的核心概念和方法论、软件开发和测试流程、敏捷研发和测试的流程规范、方法、工具 2. 掌握软件测试用例设计方法的定义、适用范围、使用步骤、优缺点及注意事项 3. 熟悉软件测试的常用模型,理解其在企业中实施的要点、熟悉配置管理标准变更过程 4. 掌握同行评审的流程规范、技巧、工具,熟悉软件测试计划方案的模板,熟练编写系统测试报告
1. 熟悉软件功能的核心概念和方法论、软件开发和测试流程、敏捷研发和测试的流程规范、方法、工具 2. 掌握软件测试用例设计方法的定义、适用范围、使用步骤、优缺点及注意事项 3. 熟悉软件测试的常用模型,理解其在企业中实施的要点、熟悉配置管理标准变更过程 4. 掌握同行评审的流程规范、技巧、工具,熟悉软件测试计划方案的模板,熟练编写系统测试报告
加入收藏
C4D
C4D
寇海燕 · 9639人观看 · 140分钟

C4D

掌握3D场景设计,运用到设计作品中,丰富画面视觉效果,提高就业竞争力。
场景搭建、灯光材质、渲染输出
加入收藏
APP专项测试
APP专项测试
胡名海 · 18325人观看 · 373分钟

APP专项测试

理解APP专项测试的核心概念、熟练使用APP专项测试工具、熟练使用ADB命令、掌握APP的Monkey测试方法
APP专项测试核心知识、ADB常用测试命令、Monkey测试、APP专项测试工具应用
加入收藏
网页核心布局
网页核心布局
徐朝波 · 21909人观看 · 1410分钟

网页核心布局

1. 熟练掌握常用网页布局标签,正确实现网页骨架设计,并了解SEO的一些基础规则 2. 熟悉基础CSS样式,完成网页中模块的布局,并对文本、字体、背景有多场景的应用
网页核心布局标签、网页样式设计、导航样式、产品列表、选择器、雪碧图、浮动布局、标准盒子模型、表单样式、字体图标、样式继承、样式权重计算
加入收藏
自定义框架原理及实战-ORM
自定义框架原理及实战-ORM
刘颖聪 · 944人观看 · 245分钟

自定义框架原理及实战-ORM

并通过此过程熟练掌握框架设计思想及实现
深入理解ORM框架实现原理,全程使用原生JAVA代码实现自定义ORM框架
加入收藏
Java核心API
Java核心API
范程皓 · 62035人观看 · 2094分钟

Java核心API

完成网络对战功能
Java常用API,集合框架,IO流,网络编程,异常处理
加入收藏
JavaSE编程基础
JavaSE编程基础
李柏松 · 14407人观看 · 3360分钟

JavaSE编程基础

熟练Java基础编程,Java基础算法,完成WoniuATM基础功能实现
Java基本数据类型、分支结构、循环结构、数组,基础算法,包,类等
加入收藏
JavaScript基础编程
JavaScript基础编程
邓乃文 · 46146人观看 · 1677分钟

JavaScript基础编程

了解JavaScript的发展,熟练掌握JavaScript的基础知识
JavaScript发展及组成、变量、数据类型、控制结构、数组和函数
加入收藏
结算台