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

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

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

展开剩余

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

01-20200614-瀑布流介绍

12分钟 · 726次播放

73%

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

8分钟 · 40次播放

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

13分钟 · 33次播放

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

10分钟 · 23次播放

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分钟 · 51次播放

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

11分钟 · 52次播放

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

7分钟 · 50次播放

共有条回复

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

推荐课程

Java面向对象编程

范程皓 · 46916人观看 · 773分钟

Java面向对象编程

实现核心对战逻辑

数组及其应用，面向对象特征，类与对象，方法，重写，重载，接口，抽象类，Java核心关键字

加入收藏

性能优化与进阶

王国林 · 10475人观看 · 928分钟

性能优化与进阶

理解企业级应用架构演变历史和优缺点，熟练完成各类调优任务，熟练部署集群测试环境，熟悉Loadrunner的基本功能和使用

企业级应用架构核心知识，JVM性能调优，MySQL性能调优，Tomcat性能调优，Nginx集群服务器架构部署,Loadrunner在性能测试中的应用

加入收藏

RabbitMQ

高鹏 · 23782人观看 · 1878分钟

RabbitMQ

掌握RabbitMQ中间件、ElasticSearch实际场景应用开发及Docker容器化技术应用

消息队列中间件RabbitMQ、延迟队列、MQ限流、接口限流、ElasticSearch全文检索引擎、微服务架构下的链路追踪、Docker容器化技术、Nocas注册中心、Sentinel熔断降级

加入收藏

系统测试方法与应用

邓强 · 3632人观看 · 1410分钟

系统测试方法与应用

理解软件工程的各类实际问题，树立清晰的学习目标，掌握测试用例设计的常用方法和综合运用

软件工程，软件质量，系统测试流程，方法，软件测试专业术语，测试用例设计，测试报告，缺陷管理

加入收藏

网络安全等级保护

邓强 · 11924人观看 · 573分钟

网络安全等级保护

综合运用前面阶段的知识深刻理解等保标准并设计完整的方案，初步具备网络安全等保定级与评估能力

网络安全等级保护流程、定级、备案、建设、测评、监督检查、基本要求、定级指南、测评指南、等级保护三级建设案例分析与实施

加入收藏

编码自动化

陈嗣洪 · 1104人观看 · 231分钟

编码自动化

并提供自动编译项目源代码、发布项目可执行代码到测试环境和启动运行测试环境，不用编写代码、不需要部署、不需要测试环境立马运行你想要的系统

码农机器人 MDA模型驱动系统自动生成编译运行测试平台课程码农公园是一个代码生成机器人，能根据设计人员设计的CDM模型直接生成大型分布式构架的J2EE项目所有源代码，

加入收藏

ArkUI架构、数据库实战

徐朝波 · 2947人观看 · 1919分钟

ArkUI架构、数据库实战

1. 基于ArkUI容器来实现各种页面的布局设计 2. 本地数据库持久化，动态加载性能优化 3. 路由环境搭建、路由跳转和参数传递，路由拦截业务 4. 网络请求模块解析，异步请求封装工具 5. 身份认证和身份存储的概念

条件渲染、动态渲染、数据懒加载、布局容器、全局状态、页面状态缓存、本地数据库持久化设计、网络请求封装、webscoket双工通信规则、华为账号一键登录、路由守卫、用户首选项、华为支付接口联调

加入收藏

系统测试基础

李利敏 · 8341人观看 · 714分钟

系统测试基础

理解软件工程的各类实际问题，树立清晰的学习目标，掌握测试用例设计的常用方法和综合运用

软件工程，软件质量，系统测试流程，方法，软件测试专业术语，测试用例设计，测试报告，缺陷管理

加入收藏

系统测试基础

王宇 · 821人观看 · 639分钟

系统测试基础

1. 熟悉软件功能的核心概念和方法论、软件开发和测试流程、敏捷研发和测试的流程规范、方法、工具 2. 掌握软件测试用例设计方法的定义、适用范围、使用步骤、优缺点及注意事项 3. 熟悉软件测试的常用模型，理解其在企业中实施的要点、熟悉配置管理标准变更过程 4. 掌握同行评审的流程规范、技巧、工具，熟悉软件测试计划方案的模板，熟练编写系统测试报告

加入收藏

微信小程序影城实战

江岚 · 2028人观看 · 180分钟

微信小程序影城实战

组件开发、请求封装、代码优化、swiper组件使用

基于微信小程序原生开发，云开发和部署、基于项目实战，掌握微信前后端实战流程

加入收藏

内网和域渗透专题

邓强 · 5614人观看 · 2147分钟

内网和域渗透专题

1、深入理解内网渗透的各类操作和工具的使用，包括端口转发、内网路由、内网代理、内网扫描、隧道通信等原理与实现 2、能够熟练配置Windows域控服务器和安全策略，能够理解域认证过程和各类票据的制作过程，并从中理解域相关漏洞利用的原理 3、熟练使用各类技术手段和已知漏洞，完成对域控服务器的渗透过程，并进行横向移动和域提权操作

内网实验环境搭建、基于netsh和iptables实现端口转发、基于MSF实现端口转发、内网路由和内网代理服、MSF内网扫描与入侵实验、基于Neo-reGeorg和EarthWorm的隧道通信及代理配置、基于FRP和EarthWorm的端口映射技术、Windows域控服务器配置、域认证机制Kerberos、域安全策略、域信息搜集、域用户枚举、域横向渗透、PTH Hash传递攻击、PTT票据传递攻击、黄金票据、白银票据、域委派攻击、域内RCE漏洞、域提权漏洞、域环境入侵综合实战

加入收藏

MySQL与Redis数据库

邓强 · 13180人观看 · 1234分钟

MySQL与Redis数据库

1、掌握关系型数据库的基础理论，如三范式、约束、数据库、表和列的定义，以及安装和配置MySQL数据库管理系统 2、能够熟练应用DDL、DML、DCL、DQL等SQL语句完成对数据库中对象和数据的各类操作，包括CRUD操作等 3、理解MySQL数据库的日志文件、数据库备份操作、权限管理、常见配置项、SQL注入等跟网络和安全有关的各类操作 4、熟练使用Redis非关系型数据库，并进行各类Redis数据的CRUD操作及应用，了解Redis数据库的各类安全项

MySQL安装、命令行操作、远程登录、关系型数据库核心要素、SQL操作数据库和表、利用SQL完成CRUD操作、高级查询语句、Navicat使用、MySQL高级对象、主从复制、数据库安全，Redis安装配置、核心操作命令、Redis缓存策略、数据库日志文件、补充Oracle数据库的使用与SQL语句差异等

加入收藏

基本信息

联系信息

上传资料