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

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

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

展开剩余

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

01-20200614-瀑布流介绍

12分钟 · 1760次播放

73%

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

8分钟 · 40次播放

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

13分钟 · 33次播放

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

10分钟 · 24次播放

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

5分钟 · 23次播放

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

15分钟 · 50次播放

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

12分钟 · 49次播放

08-20200614-图片懒加载

25分钟 · 53次播放

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

12分钟 · 48次播放

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

14分钟 · 52次播放

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

26分钟 · 51次播放

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

18分钟 · 52次播放

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

11分钟 · 53次播放

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

7分钟 · 51次播放

共有条回复

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

推荐课程

网页布局实战

徐朝波 · 5819人观看 · 3138分钟

网页布局实战

1. 熟练掌握HTML5、CSS3、Less、Sass，独立实现基础页面布局、页面性能优化、考虑用户性能体验 2. 熟练运用HTML+CSS特性完成页面布局、掌握常见的兼容性处理，浮动布局和弹性布局的对比和使用常见 3. 熟练应用CSS3技术，动画、弹性盒模型设计网页，熟练的完成页面动画设计，并优化网页的布局

网页核心布局标签、网页样式设计、导航样式、产品列表、选择器、雪碧图、浮动布局、标准盒子模型、表单样式、字体图标、样式继承、样式权重计算

加入收藏

监控、日志与CICD

王博 · 3人观看 · 456分钟

监控、日志与CICD

加入收藏

深入研究JVM底层原理

谭岚 · 2252人观看 · 283分钟

深入研究JVM底层原理

加强大家对JVM运行底层原理的理解

加强大家对JVM运行底层原理的理解。

加入收藏

Java语言基础

陈云 · 12872人观看 · 928分钟

Java语言基础

Java语言的语法基础

加入收藏

面向过程

高磊 · 4966人观看 · 780分钟

面向过程

开发环境；变量定义、赋值、运算、常见类型；数组；for、if、for-each、双层for、中断；自定义函数；

加入收藏

文本生成与AIGC

邓强 · 4313人观看 · 1378分钟

文本生成与AIGC

AIGC文本生成技术，NPLM概率语言模型，Seq2Seq模型，Transformer模型原理、注意力机制、编码器解码器、BERT模型、GPT 模型实现、RAG技术

AIGC文本生成技术，NPLM概率语言模型，Seq2Seq模型，注意力机制、Q/K/V、自注意力，多头注意力，注意力掩码、Transformer架构、编码器结构、解码器结构、自主开发和训练Transformer模型、RAG检索增强生成技术、利用文本数据集训练并实现文本生成

加入收藏

移动端自动化测试框架

张靖 · 2227人观看 · 173分钟

移动端自动化测试框架

完整框架搭建。拿来即用

1、开源代码如何新增功能 2、熟练使用AirTest进行移动端的自动化测试

加入收藏

存储与自动运维

唐海峰 · 69人观看 · 965分钟

存储与自动运维

加入收藏

深度学习与神经网络

邓强 · 4573人观看 · 1254分钟

深度学习与神经网络

深度神经网络、CNN卷积神经网络、RNN循环神经网络、激活函数、Keras与Pytorch构造神经网络

神经网络工作原理、损失函数与激活函数、神经网络分层原理、模型评估与优化、预测客户流失率项目、利用CNN网络识别狗的图像、利用RNN鉴定中文的情感属性、CNN与RNN联合使用、基于CNN的MNIST手写体识别（Keras与Pytorch）、模型量化与压缩

加入收藏

Java和CVE漏洞复现

邓强 · 8173人观看 · 2235分钟

Java和CVE漏洞复现

1、能够利用各类安全漏洞网站的公开漏洞，或者利用搜索引擎及时查寻各类最新漏洞，并复现相应漏洞 2、分析和复现各类CVE漏洞，并在PHP和系统之外，积累更多漏洞知识和经验，理解其形成机制，提升综合竞争力 3、综合运用前述知识，从技术、方案、实现、优化等方面，初步达到中级网络安全工程师的能力

Java漏洞利用：Log4J2、JWT、Shiro、FastJSON、Spring、Spring-Cloud、Spring-Security、Weblogic、Tomcat、ActiveMQ、Struts2、Jboss、ysoserial工具使用、Java反序列化利用链分析，Django漏洞、Office RCE漏洞、Jenkins漏洞、WordPress漏洞、Drupal漏洞、各类CMS漏洞、各类OA漏洞，SRC众测平台实战

加入收藏

数据通信与安全服务 / 安全设备与运营

高鹏 · 95人观看 · 699分钟

数据通信与安全服务 / 安全设备与运营

加入收藏

Linux系统移植

罗召勇 · 2537人观看 · 1602分钟

Linux系统移植

对常用系统进行移植，移植车机QT文件系统。移植各通信协议的驱动，实现基于通信协议的车辆控制，如车辆行驶状态信息读取、雷达数据、车辆空调控制等功能，并可实时监测并提醒驾驶员疲劳驾驶或超速等。实现将车机系统的界面程序移植到开发板上运行，可定制的仪表盘和信息娱乐界面，并可通过QT界面控制程序控制车辆的车窗、坐椅、空调等功能。

驱动移植，安卓系统移植，鸿蒙系统移植，文件系统构建

加入收藏

基本信息

联系信息

上传资料