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

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

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

展开剩余

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

01-20200614-瀑布流介绍

12分钟 · 179次播放

73%

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

8分钟 · 8次播放

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

13分钟 · 6次播放

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

10分钟 · 7次播放

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

5分钟 · 5次播放

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

15分钟 · 7次播放

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

12分钟 · 7次播放

08-20200614-图片懒加载

25分钟 · 9次播放

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

12分钟 · 9次播放

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

14分钟 · 12次播放

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

26分钟 · 8次播放

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

18分钟 · 6次播放

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

11分钟 · 8次播放

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

7分钟 · 8次播放

共有条回复

{{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面向对象

李柏松 · 3156人观看 · 986分钟

JavaSE面向对象

掌握面向对象思想，利用对象行为重构WoniuATM，掌握java.lang包的重要对象的应用

Java面向对象，封装，继承，多态，基本设计原则，类加载机制，常用API对象

加入收藏

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

王国林 · 16890人观看 · 1559分钟

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

基于原生代码设计开发出WoniuTest全套测试框架，深刻理解自动化测试框架的设计思路与代码实现，掌握持续集成的原理和实施过程

DDT，KDT与RobotFramework，POM模型，ATM模型，CBT模型，WoniuTest框架设计与开发，分层设计思想详解，Python实现持续集成工具，持续集成工具Jenkins应用，Cypress框架使用

加入收藏

Python开发基础预科

卿淳俊 · 2016人观看 · 1473分钟

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底层原理

谭岚 · 393人观看 · 283分钟

深入研究JVM底层原理

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

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

加入收藏

数据探索与预处理

周一 · 2743人观看 · 1071分钟

数据探索与预处理

熟练掌握数据可视化基本图形的制作与优化

质量分析-缺失值、质量分析-异常值、质量分析-一致性分析、特征分析-分布分析、特征分析-对比分析、特征分析-统计量分析、特征分析-周期性分析、特征分析-贡献性分析、特征分析-相关性分析。

加入收藏

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. 掌握同行评审的流程规范、技巧、工具，熟悉软件测试计划方案的模板，熟练编写系统测试报告

加入收藏

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

高鹏 · 13664人观看 · 799分钟

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

Java基本数据类型、分支结构、循环结构、数组，基础算法，包，类等

熟练Java基础编程，Java基础算法，完成WoniuATM基础功能实现

加入收藏

基本信息

联系信息

上传资料