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

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

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

展开剩余

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

01-20200614-瀑布流介绍

12分钟 · 552次播放

73%

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

8分钟 · 34次播放

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

13分钟 · 29次播放

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

10分钟 · 21次播放

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

5分钟 · 21次播放

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

15分钟 · 48次播放

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

12分钟 · 47次播放

08-20200614-图片懒加载

25分钟 · 51次播放

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

12分钟 · 46次播放

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

14分钟 · 50次播放

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

26分钟 · 49次播放

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

18分钟 · 49次播放

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

11分钟 · 49次播放

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

7分钟 · 48次播放

共有条回复

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

推荐课程

MySQL数据库与JDBC

范程皓 · 20047人观看 · 873分钟

MySQL数据库与JDBC

将项目中的用户信息及对战信息通过数据库保存及操作

数据库概念，MySQL配置，命令，建库建表，约束，数据的增删改查，视图，函数，事务，建模工具 JDBC操作数据库，开源工具DbUtils的使用

加入收藏

网页核心布局

龙宗飞 · 288人观看 · 1258分钟

网页核心布局

1. 熟练掌握常用网页布局标签，正确实现网页骨架设计，并了解SEO的一些基础规则 2. 熟悉基础CSS样式，完成网页中模块的布局，并对文本、字体、背景有多场景的应用

加入收藏

PHP编程与系统开发

邓强 · 6846人观看 · 1930分钟

PHP编程与系统开发

蜗牛笔记系统实战开发、PHP处理XML文档、处理JSON、文件操作、爬虫开发、安全平台开发、面向对象、反序列化、ThinkPHP框架开发

PHP开发环境配置、HTML基础、前端页面布局、JavaScript编程基础、PHP基础语法、数组、函数、正则表达式、PHP处理POST和GET请求、AJAX与JQuery、利用MySQLi操作数据库、处理Session和Cookie

加入收藏

Java和CVE漏洞复现

邓强 · 4332人观看 · 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众测平台实战

加入收藏

Django开发项目实战

赵勇文 · 11743人观看 · 1913分钟

Django开发项目实战

本课程通过一个完整的企业级电商商城项目开发为基础，从系统需求分析开始，系统地讲解整个项目开发的全流程，帮助大家学习真正的企业级项目开发应该怎么做，会用到哪些技术，会碰到哪些坑。完成这个项目之后，将能够真正积累企业级项目开发的经验。

加入收藏

ORM框架MyBatis

范程皓 · 24909人观看 · 1523分钟

ORM框架MyBatis

完成项目案例数据访问层开发

Java高级语言特性，XML及解析，单元测试JUnit，Log4j，MyBatis实现WoniuMall的数据访问对象

加入收藏

dva和umi实战

徐朝波 · 5631人观看 · 469分钟

dva和umi实战

基于TypeScript+dvajs+umijs完成项目实战开发

TypeScript核心编程、语法检测、面向对象语法、dva.js、umi.js介绍

加入收藏

Web系统SQL注入漏洞

邓强 · 17572人观看 · 1533分钟

Web系统SQL注入漏洞

1、熟练运用PHP完成基础测试环境的开发、并利用各类工具完成渗透测试与SQL注入的入侵与防御 2、能够熟练运用SQL注入的各类技术，对被测系统进行爆库爆表爆数据的处理，及进行服务器木马植入 3、熟练利用SQLMap扫描工具进行SQL注入测试、熟练使用菜刀和冰蝎等远程控制工具，熟悉常用的绕过手段 4、能够独立完成SQL注入靶场环境SQLi-Lab的65道关卡中的40道以上，并结合PHP代码完成50道以上

渗透测试基础扫盲、流程与方法、OWASP TOP10漏洞总结、BurpSuite与HackBar工具使用、系统登录漏洞及实现原理、登录漏洞基础防护、SQL注入漏洞防护、图片验证码的处理与识别、登录爆破与防护、SQL查询注入、基于查询注入的木马植入、远程控制工具菜刀和冰蝎、SQL报错注入、SQL盲注、更新注入、HTTP头注、二次注入、宽字节注入、堆叠注入、SQLMap工具的使用、SQL注入的防范、WAF绕过技巧、代码与命令注入、SQLi-Lab靶场实战

加入收藏

Spring Boot+VUE

向伟 · 19763人观看 · 1655分钟

Spring Boot+VUE

完成项目中的核心功能开发

SpringBoot开发Web项目，使用VUE作为前端技术实现前后端分离开发

加入收藏

面向对象、集合

冯延文 · 282人观看 · 1018分钟

面向对象、集合

类与对象、static，构造函数，有参构造，this，toString()；List<T>，迭代器，比较器，匿名内部类。

课程目标：类与对象、static，构造函数，有参构造，this，toString()；List，迭代器，比较器，匿名内部类。

加入收藏

界面设计（进阶）

陈中明 · 3418人观看 · 648分钟

界面设计（进阶）

·了解小程序与APP的设计异同 ·掌握小程序的设计规范 ·了解暗黑模式的设计原则与设计规范 ·了解适配三原则以及如何利用Sketch、XD等软件进行适配设计 ·了解安卓设计与iOS设计的异同 ·能简要概述安卓设计与iOS设计的设计理念/设计主题 ·能熟练进行项目的命名、切图、标注等工作 ·能数量使用蓝湖、墨刀、摹客、像素大厨等工具同开发进行协作

·小程序的设计 ·暗黑模式的设计 ·安卓设计与iOS设计的异同 ·界面适配原则与操作方法 ·命名、切图、标注、开发协作

加入收藏

C++编程

韩凌 · 15人观看 · 2025分钟

C++编程

采用C++面向对象编程思想设计蜗牛物联网监控平台系统

掌握面向对象的编程思想，类和对象，封装、构造函数，析构函数，拷贝构造函数，动态内存分配,内联函数,继承、访问修饰权限、函数重载,运算符重载，多态、抽象类、虚函数，this指针,const关键字，static成员,Lambda表达式，C++异常处理机制，泛型编程，容器，算法

加入收藏

基本信息

联系信息

上传资料