创建公司 已有账号?

基本信息



联系信息

-
-

上传资料

选择营业执照图片文件


上传成功后渲染

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

前端面试题实战

前端课程完整面试题梳理总结
面试题精讲
加入收藏
白盒测试与代码审计
白盒测试与代码审计
邓强 · 9180人观看 · 1043分钟

白盒测试与代码审计

1、深入理解白盒测试与代码审计技术,能够对各类开源系统或自研代码进行代码审计,熟练运用代码审计工具 2、对各类Web开发框架、CMS系统的进行渗透测试和漏洞利用,熟练运用综合靶场环境如Pikachu、DVWA、DoraBox等 3、对蜗牛学院开发的自主靶场环境进行漏洞学习、漏洞利用和漏洞修复,并学习各类渗透测试报告和漏洞利用案例 4、综合利用所学技术,基于VAuditDemo实战演练平台和ThinkPHP框架反序化等漏洞进行分析,深刻理解代码审计技术
基于WoniuMessage和XHCMS的PHP代码审计实战演练、PHP面向对象、魔术方法应用、PHP反序列化漏洞原理、PHP反序列化漏洞POP链构造、PHAR反序列化漏洞利用、各类PHP开发框架漏洞介绍、ThinkPHP漏洞分析与利用、PHP弱类型漏洞、变量覆盖漏洞、RIPS与Fortify代码审计工具应用、Web系统逻辑漏洞、密码重置漏洞、支付逻辑漏洞、各类CMS漏洞与利用、XML外部实体漏洞、内存马与不死马、Pikachu、DVWA、DoraBox、WebGoat(Java版)等综合靶场实战
加入收藏
JavaSE面向对象
JavaSE面向对象
李柏松 · 3156人观看 · 986分钟

JavaSE面向对象

掌握面向对象思想,利用对象行为重构WoniuATM,掌握java.lang包的重要对象的应用
Java面向对象,封装,继承,多态,基本设计原则,类加载机制,常用API对象
加入收藏
自动化测试框架设计与实现
自动化测试框架设计与实现
王国林 · 16890人观看 · 1559分钟

自动化测试框架设计与实现

基于原生代码设计开发出WoniuTest全套测试框架,深刻理解自动化测试框架的设计思路与代码实现,掌握持续集成的原理和实施过程
DDT,KDT与RobotFramework,POM模型,ATM模型,CBT模型,WoniuTest框架设计与开发,分层设计思想详解,Python实现持续集成工具,持续集成工具Jenkins应用,Cypress框架使用
加入收藏
Python开发基础预科
Python开发基础预科
卿淳俊 · 2016人观看 · 1473分钟

Python开发基础预科

类和对象的定义及使用、Python中封装、继承和多态特性
Python语言简介、Python安装配置、Python基本语法及编程规范、Python六大基本数据类型使用、Python循环及判断控制语言、Python函数定义及使用、Python模块及包导入机制、面向对象的编程概念、面向对象编程
加入收藏
Python安全开发基础
Python安全开发基础
邓强 · 8038人观看 · 1363分钟

Python安全开发基础

1、掌握Python编程语言的基础语法、文件读写操作、数据库操作、网络访问、爬虫开发、日志分析处理等功能 2、利用Python模拟攻击操作类安全脚本,如暴力破解、端口扫描、资产管理、地址扫描、流量泛洪等 3、借助Python各类内置库和第三方库,完成Python的威胁预警及各类安全运维相关场景的脚本开发 4、基本理解各类Hack Tool的实现原理,具备自主开发Hack Tool的能力,在企业保持更高的技术竞争力
Python开发环境配置、基础语法、列表与字典、函数与参数、包与模块、文件读写、操作CSV、操作JSON、异常处理、操作MySQL、Socket编程与聊天室开发、远程木马程序、多线程处理、开发端口扫描程序、Requests库处理HTTP协议、爬虫开发、URL地址扫描、多线程流量泛洪攻击、利用Selenium操作Web页面、基于AI的验证码识别、发送STMP邮件、Pyhton处理Redis和SSH、面向对象编程、模拟挖矿程序
加入收藏
深入研究JVM底层原理
深入研究JVM底层原理
谭岚 · 393人观看 · 283分钟

深入研究JVM底层原理

加强大家对JVM运行底层原理的理解
加强大家对JVM运行底层原理的理解。
加入收藏
数据探索与预处理
数据探索与预处理
周一 · 2743人观看 · 1071分钟

数据探索与预处理

熟练掌握数据可视化基本图形的制作与优化
质量分析-缺失值、质量分析-异常值、质量分析-一致性分析、特征分析-分布分析、特征分析-对比分析、特征分析-统计量分析、特征分析-周期性分析、特征分析-贡献性分析、特征分析-相关性分析。
加入收藏
MySQL数据库
MySQL数据库
胡名海 · 24378人观看 · 881分钟

MySQL数据库

深入理解数据库管理系统通用知识及MySQL数据库的使用与管理。梳理WoniuBooks系统业务关系,并建立数据表和填补数据,为WoniuBooks系统测试打下基础
数据库知识,范式,MySQL配置,命令,建库建表,数据的增删改查,约束,存储过程,函数,触发器,事务,游标
加入收藏
安全运营与应急响应
安全运营与应急响应
邓强 · 6368人观看 · 537分钟

安全运营与应急响应

1、理解SIEM安全事件和信息管理体系、网络安全运营保障体系与建设和部署方案、网络安全等级保护的基本要求 2、针对常见的蠕虫病毒、挖矿程序、漏洞攻击、木马程序、勒索病毒、僵尸网络等进行应急预案和流程演练 3、充分理解对各个操作系统、数据库、中间件、应用系统、云平台等节点实施安全加固、充分保障企业网络在各个环节的安全
Windows系统加固、Linux系统加固、MySQL数据库加固、Redis加固、Apache和Tomcat加固、Nginx加固、PHP加固、加固验证实验、应急响应流程与规范、Linux入侵排查与应急处置、Windows入侵排查与应急处置、针对僵木蠕的应急处置、SIEM与态势感知、数字取证与溯源技术、安全巡检与基线加固、入侵排查实战演练,VeryNginx中间件WAF配置、Hfish蜜罐、网络安全设备实战(IDS、IPS、NGFW、日志审计、数据库审计、WAF等)
加入收藏
系统测试基础
系统测试基础
王宇 · 75人观看 · 639分钟

系统测试基础

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

Java语言基础2-预科(西安)

Java基本数据类型、分支结构、循环结构、数组,基础算法,包,类等
熟练Java基础编程,Java基础算法,完成WoniuATM基础功能实现
加入收藏