创建公司 已有账号?

基本信息



联系信息

-
-

上传资料

选择营业执照图片文件


上传成功后渲染

公司环境照片(最少一张,长宽比例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 · 2219 次观看
展开剩余
  • 视频列表
  • 评论
  • 课程介绍
  • 资料列表
  • 教师笔记
01-20200614-瀑布流介绍
12分钟 · 1640次播放
73%
02-20200614-瀑布流相关技术和准备工作
8分钟 · 40次播放
0%
03-20200614-等高瀑布流初始布局
13分钟 · 33次播放
0%
04-20200614-布局优化:右侧对齐
10分钟 · 24次播放
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分钟 · 52次播放
0%
13-20200615-等宽瀑布流下拉加载功能
11分钟 · 53次播放
0%
14-20200615-等宽瀑布流懒加载优化
7分钟 · 51次播放
0%

{{comment.createTime | dateForMat(comment.createTime)}}
回复
共有 条回复
回复

{{replyComment.createTime | dateForMat(replyComment.createTime)}}
回复
课程目标
1、学习前端异步加载技术,页面优化方案。 2、pc端和app端常见的瀑布流加载方案。 3、瀑布流等高加载和等宽加载的两种应用场景
知识要点
1、基于前端ajax、flex布局、滚动监听实现内容无限加载。 2、基于项目驱动完成百度图片的页面加载实战,并深入排列算法。 3、深入剖析懒加载和页面优化技巧,提高网页效率的方案。
课程详情
授课讲师

江岚

9年全栈开发与教学经验,曾任多家互联网公司高级前端工程师,主导开发多个大型电商平台及Web APP。精通React、Vue等主流框架,擅长小程序、跨平台框( React Native、Flutter) 以及HarmonyOS鸿蒙应用的开发。擅长案例驱动+项目 实战教学法,将企业级开发流程转化为教学实战模块,授课风趣幽默,对学生认真负责,培养学员600余名,学员就业率99%,学员满意度100%
看看TA的主页
推荐课程
shell脚本
shell脚本
唐海峰 · 36人观看 · 1251分钟

shell脚本

加入收藏
自动化测试开发的体系架构
自动化测试开发的体系架构
邓强 · 1640人观看 · 162分钟

自动化测试开发的体系架构

测试开发代替测试工具的可行性分析,测试框架开发的价值,测试框架的关键技术及原理,基于持续集成的测试开发技术与流程应用。
自动化测试解决什么问题,自动化测试和测试开发区别在哪里,什么情况下需要测试开发,测试开发的价值和应用场景,测试开发的技术体系构成及实现原理。
加入收藏
web服务器
web服务器
唐海峰 · 103人观看 · 1212分钟

web服务器

加入收藏
H5游戏开发-贪吃蛇
H5游戏开发-贪吃蛇
邓乃文 · 2849人观看 · 203分钟

H5游戏开发-贪吃蛇

1、通过游戏开发能学到Canvas绘图技术。 2、在项目中学到音频视频的开发和使用。 3、举一反三,分析更多的H5游戏开发技巧
1、基于H5的游戏开发,深入剖析Canvas的开发技巧。 2、基于项目驱动的形式设计游戏,项目中学习H5音频视频的开发技巧。 3、基于JavaScript的算法统计游戏的数据。
加入收藏
京东首页菜单实战
京东首页菜单实战
徐朝波 · 2081人观看 · 240分钟

京东首页菜单实战

基于京东导航实战,从表现看内容的核心。
浮动定位的深入剖析,解决布局错乱的种种问题。分享网页布局中的技巧。让你不再纠结怎么排版。
加入收藏
面向对象编程
面向对象编程
陈云 · 6664人观看 · 1695分钟

面向对象编程

理解Java面向对象编程,掌握Java核心关键字的意义
理解Java面向对象编程,掌握Java核心关键字的意义
加入收藏
Python+Locust性能测试
Python+Locust性能测试
陈南 · 2213人观看 · 213分钟

Python+Locust性能测试

基于Python+Locust编写脚本,并监控系统资源的指标
本课程将从性能测试核心基础出发,演示性能测试的主要流程
加入收藏
面向对象、集合
面向对象、集合
吴聪聪 · 3882人观看 · 1035分钟

面向对象、集合

类与对象、static,构造函数,有参构造,this,toString();List<T>,迭代器,比较器,匿名内部类。 (引导词:数据是立体的,String是平面的,用String同时记录id-name-sex-age,存取时只好大量split()和拼接 ,很不优雅,引入实体类,String[]变Person[],List<String>变List<Person>。。。)
加入收藏
PS预习视频
PS预习视频
张燕 · 1887人观看 · 651分钟

PS预习视频

学习并掌握ps软件基础操作
学习并掌握ps软件基础操作
加入收藏
Python核心基础
Python核心基础
杨殿杰 · 1526人观看 · 1474分钟

Python核心基础

1、Python入门:Python发展史、Python应用场景、Python开发环境搭建 2、PyCharm:PyCharm的安装、设置字体、设置快捷键、PyCharm常用设置、调试 3、Python基础知识:注释、变量以及数据类型、标识符和关键字、输入函数、输出函数、运算符、程序类型转换 4、分支和循环:if判断语句、运算符、if-else语句、while循环、for循环、break、continue 5、字符串和列表:字符串输入、字符串输出、下标和切片、字符串常见函数、列表(list)、列表的循环遍历、列表的增删改查、列表的嵌套、列表的切片 6、字典和元组:字典的增删改查、字典遍历、访问元组、修改元组、集合(set) 7、函数:函数定义、函数的类型、函数参数、函数返回值、函数嵌套、局部变量、全局变量、递归函数、匿名函数 8、文件操作:文件的打开与关闭、文件的读写、文件读写应用 9、面向对象(类和对象):定义类、类的构成、类的__init__()方法、创建对象、理解self 10、面向对象(封装、继承):封装、继承、父类方法重载、私有方法、魔术方法 11、匿名函数定义及使用、装饰器使用、迭代器原理及应用 12、综合案例练习
本内容涵盖 Python 环境搭建、PyCharm 使用、基础语法、数据类型、控制结构、函数与参数、包与模块、文件读写、、代码规范(为后续智能体开发、大模型对接铺垫)、面向对象思想及应用、匿名函数、装饰器、迭代器函数
加入收藏
大模型原理与部署
大模型原理与部署
邓强 · 791人观看 · 926分钟

大模型原理与部署

能理解并自主Transformer和GPT架构模型,能熟练运用transformers和modelscope模型进行模型应用、模型微调、模型量化等、能够熟练部署私有化大模型并进行开发调用。
Transformer架构、编码器-解码器结构、GPT模型框架、自主开发和训练Transformer与GPT模型、HuggingFace的tansfomers框架的应用、模型微调技术、模型量化技术(peft与LLaMAFactory)、大模型实验环境构建、Ollama与OpenWebUI模型部署、大语言模型的两大托管平台:HuggingFace、ModelScope的使用、模型的下载与运行、提示词工程等。
加入收藏
Linux基础
Linux基础
卢成波 · 13人观看 · 1011分钟

Linux基础

加入收藏
结算台