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

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

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

展开剩余

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

01-20200614-瀑布流介绍

12分钟 · 1598次播放

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

推荐课程

布局和动画

徐朝波 · 2250人观看 · 2810分钟

布局和动画

1.深入掌握定位技术使用，完成页面中二级菜单、模太框、复杂导航的设计 2.掌握页面样式的优化，包括利用过渡、动画、CSS3新特性来完成对用户体验的提升和网页的动态效果 3.通过掌握珊格布局实战，了解响应式布局的概念。针对多种布局方式实现页面实战

CSS3新增特性、盒子阴影、渐变背景、透明度、圆角样式、弹性布局、定位布局、过渡样式、2D动画、CSS矩阵、animation动画、BootStrap框架实战、珊格系统、插件使用

加入收藏

物联网通信

罗江 · 2754人观看 · 2251分钟

物联网通信

使用不同通信协议完成智能家居的通信与平衡车项目

定时器、输入捕获、PWMI、编码器，USART、RFID、I2C、蓝牙、ZigBee通信，短距离无线通讯，蜂窝无线网络技术，LPWAN技术及常用场景，LoRa技术及应用场景，外设RFID读卡器、MPU6050姿态传感器、ASRPRO语音识别模块、JDY-25M蓝牙模块、DL-20 ZigBee模块，平衡车

加入收藏

网页布局实战

徐朝波 · 5643人观看 · 3138分钟

网页布局实战

1. 熟练掌握HTML5、CSS3、Less、Sass，独立实现基础页面布局、页面性能优化、考虑用户性能体验 2. 熟练运用HTML+CSS特性完成页面布局、掌握常见的兼容性处理，浮动布局和弹性布局的对比和使用常见 3. 熟练应用CSS3技术，动画、弹性盒模型设计网页，熟练的完成页面动画设计，并优化网页的布局

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

加入收藏

车载技能训练

陈祚燃 · 3681人观看 · 640分钟

车载技能训练

1、掌握自动驾驶核心概念：深入理解SAE J3016自动驾驶分级标准，能准确区分各级别（L0-L5）并归类常见的ADAS功能。 2、理解系统技术架构：清晰阐述自动驾驶“智能化”与“网联化”两大技术路线的系统架构、关键特征及核心设计思路。 3、熟悉关键硬件与部件：精准识别摄像头、雷达、激光雷达等关键传感器及执行器，并能系统归纳其工作原理、应用场景和优缺点。 4、明确车载测试职责与内容：深入了解车载测试工程师的岗位职责，掌握其相较于传统软件测试的特殊性，熟悉企业级测试项目的完整内容与流程。 5、洞悉行业前景与专业术语：了解全球及国内汽车产业发展趋势与未来前景，熟悉车载测试各阶段的划分，并能掌握相关核心系统和部件的英文术语。

智能网联汽车绪论；传感器与驾驶辅助系统；智能化技术；网联化技术

加入收藏

服务器端性能优化实战

王小锋 · 1700人观看 · 289分钟

服务器端性能优化实战

性能优化对IT人员来说是一个高深莫测的，需要综合素质高，通过本课程少走弯路，系统性的学到服务器端性能优化

将系统性的介绍服务器端的性能优化以及性能优化指导思想。将包括硬件篇，软件篇，系统篇，工具篇等进行性能优化的介绍

加入收藏

C++编程

韩凌 · 3125人观看 · 2025分钟

C++编程

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

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

加入收藏

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

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

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

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

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

加入收藏

H5捕鱼达人游戏实战

邓乃文 · 2244人观看 · 169分钟

H5捕鱼达人游戏实战

举一反三扩展到各类游戏

H5游戏的开发流程和项目搭建、掌握绘图技巧和性能优化

加入收藏

阿里云计算认证

王博 · 0人观看 · 984分钟

阿里云计算认证

加入收藏

一多开发，分布式实战

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

一多开发，分布式实战

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

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

加入收藏

神经网络与大模型专题

邓强 · 10830人观看 · 330分钟

神经网络与大模型专题

对机器学习、神经网络、大模型部署和大模型应用开发有深刻的理解，并能够进行实战操作来解决具体的问题和任务。

机器学习的原理，计算机对不同数据的运算方式，KNN-K近邻算法，图片识别的模型训练，深度学习与神经网络，CNN卷积神经网络，OCR文字识别，大模型部署，大模型对接与调用，大模型应用项目开发，Woniu.AI平台使用等

加入收藏

MySQL数据库-预科

李利敏 · 18467人观看 · 1118分钟

MySQL数据库-预科

深入理解数据库管理系统通用知识及MySQL数据库的使用与管理。梳理WoniuBooks系统业务关系，并建立数据表和填补数据，为WoniuBooks系统测试打下基础

数据库知识，范式，MySQL配置，命令，建库建表，数据的增删改查，约束，存储过程，函数，触发器，事务，游标

加入收藏

基本信息

联系信息

上传资料