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

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

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

展开剩余

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

01-20200614-瀑布流介绍

12分钟 · 1228次播放

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

推荐课程

安全设备与架构设计

杨文财 · 14874人观看 · 539分钟

安全设备与架构设计

1、深刻理解防火墙、WAF、IDS、IPS、日志审计、堡垒机、网闸、蜜罐等各类安全设备的工作机制与原理 2、熟练操作防火墙及WAF设备，能够基于各类设备进行进行安全策略的配置与验证，能够读懂设备日志文件 3、基于网络安全设备，利用路由器、交换机、防火墙、IDS、IPS、日志审计、堡垒机等进行网络安全环境构建与策略配置 4、综合运用网络设备、安全设备、网络架构、通信协议、安全运维、方案设计等知识，完成一套企业级网络安全设计方案

网络安全设备：思科防火墙配置、ACL与NAT配置、VPN配置、交大捷普WAF配置、WAF工作原理解析、WAF基础应用、日志审计系统、IDS产品、IPS产品、堡垒机、网闸、态势感知、蜜罐，基于前述知识体系从从网络和安全两个层面，完成一套企业网络架构设计，并参考等保2.0标准要求设计方案，最后进行方案评估、整合和答辩

加入收藏

软件系统测试流程规范

胡名海 · 64458人观看 · 1082分钟

软件系统测试流程规范

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

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

加入收藏

配置管理

王斌 · 1486人观看 · 509分钟

配置管理

通过对大型企业级应用系统WoniuBoss的测试项目实战，强化理解系统测试项目的实施过程与技术细节

测试需求分析，同行评审，测试计划，测试方案，测试用例，配置管理，持续集成

加入收藏

网页核心布局

江岚 · 22100人观看 · 1073分钟

网页核心布局

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

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

加入收藏

Jenkins框架布署自动化测试

齐美玉 · 1411人观看 · 159分钟

Jenkins框架布署自动化测试

Jenkins是目前持续集成方案中较为流行的工具, 是一个开源项目，提供了一种易于使用的持续集成系统，使开发和测试者从繁杂的集成中解脱出来，专注于更为重要的业务逻辑实现上。同时 Jenkins 能实施监控集成中存在的错误，提供详细的日志文件和提醒功能.

持续集成是软件开发过程中非常重要的一个环节，不仅仅是影响软件开发的效率，也会对软件开发的流程产生一定的影响。

加入收藏

算法精进之Java经典数据结构揭秘

潘光华 · 1748人观看 · 448分钟

算法精进之Java经典数据结构揭秘

不但会使用内置工具，更要从底层深入源码设计理念，轻松解决企业特定业务场景的诸多问题、直击大厂数据结构相关面试

1. 针对任意年限java开发经验群体，只要具备逻辑基础和面向对象编程就能轻松上手 2. 源码驱动的对比式教学，一门课程让您学会数据结构源码设计

加入收藏

Linux系统编程

邓乃文 · 5113人观看 · 1558分钟

Linux系统编程

完成《蜗牛智慧社区门禁系统》IO文件版

Linux环境搭建，常用命令，静态库，IO文件操作，多进程编程，进程通信（共享内存，消息队列），多线程编程

加入收藏

一多开发，分布式实战

徐朝波 · 4019人观看 · 471分钟

一多开发，分布式实战

1. 多Ability实例的创建和应用 2. 万能卡片和元服务器实现项目业务开发和设计 3. 消息通知和提示，真机环境下消息服务 4. 云开发的环境搭建，和云服务数据构建 5. 低代码平台快速构建我们项目的页面和业务

Ability实例、万能卡片开发、元服务模式、服务流转、消息通知提醒、代理提醒配置、文件上传下载、Petal Map、Location定位、响应式布局、一套代码多端适配、分布式调度、多模块设计

加入收藏

自定义框架原理及实战-ORM

刘颖聪 · 1581人观看 · 245分钟

自定义框架原理及实战-ORM

并通过此过程熟练掌握框架设计思想及实现

深入理解ORM框架实现原理，全程使用原生JAVA代码实现自定义ORM框架

加入收藏

分类与聚类算法

邓强 · 2973人观看 · 508分钟

分类与聚类算法

SKLearn计算库、K-Means聚类分析、KNN分类、SVM支持向量机

K-Means聚类分析、KNN-K近邻算法、模型评估与调优、SVM支持向量机分类算法、Sklearn科学计算库的使用、鸢尾花分类项目实战、其他的经典机器学习算法介绍

加入收藏

分布式事务

高鹏 · 8532人观看 · 493分钟

分布式事务

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

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

加入收藏

Numpy数据运算

卿淳俊 · 4766人观看 · 396分钟

Numpy数据运算

熟练掌握Numpy库的各种操作以及矩阵的变形、运算、张量处理等

NDArray数组的创建、初始化、修改、变形、转置、切片等操作，以及各类矩阵的逻辑运算、聚合运算、组间运算、点积运算、高级操作

加入收藏

基本信息

联系信息

上传资料