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

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

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

展开剩余

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

01-20200614-瀑布流介绍

12分钟 · 1544次播放

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

推荐课程

系统测试基础

邓家军 · 3864人观看 · 724分钟

系统测试基础

3. 熟悉软件测试的常用模型，理解其在企业中实施的要点、熟悉配置管理标准变更过程 4. 掌握同行评审的流程规范、技巧、工具，熟悉软件测试计划方案的模板，熟练编写系统测试报告

1. 熟悉软件功能的核心概念和方法论、软件开发和测试流程、敏捷研发和测试的流程规范、方法、工具 2. 掌握软件测试用例设计方法的定义、适用范围、使用步骤、优缺点及注意事项

加入收藏

MySQL数据库与JDBC

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

MySQL数据库与JDBC

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

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

加入收藏

Java语言基础-预科

陈云 · 25854人观看 · 1833分钟

Java语言基础-预科

熟悉Java语言的语法基础

环境搭建，基本数据类型，变量及其声明，运算符，流程控制语句，数组及其应用

加入收藏

docker与K8S

唐海峰 · 247人观看 · 1248分钟

docker与K8S

加入收藏

运营设计

陈中明 · 8391人观看 · 717分钟

运营设计

·理解插画在UI界面中的作用 ·能熟练使用PS、AI、Sketch等软件绘制运营插画 ·理解Banner图在界面中的作用，以及其设计规范、原则 ·理解瓷片区的定义、设计要点 ·理解H5的定义、设计流程、设计要点 ·能对不同弹窗进行不同维度的分类，区分模态弹窗与非模态弹窗 ·理解情感化设计在UI界面设计中的作用

·UI界面中的插画运用 ·UI界面中的Banner与瓷片区设计 ·H5的认知与设计流程 ·弹窗设计 ·情感化页面设计：启动页、引导页、缺省页

加入收藏

RobotFramework

王斌 · 9067人观看 · 303分钟

RobotFramework

RobotFramework简介和工作原理，输入输出操作，鼠标键盘操作，测试报告输出

加入收藏

Linux系统

胡名海 · 37827人观看 · 1246分钟

Linux系统

熟练使用Linux常用命令，熟练配置环境变量，熟练配置网络设置，熟练安装部署虚拟机环境，熟练部署基础测试环境

Linux安装配置，文件目录操作，VI命令，管理，用户与权限，Apache+PHP+Tomcat+JDK+MySQL环境配置

加入收藏

企业响应式网站

陈中明 · 9705人观看 · 1025分钟

企业响应式网站

·清楚什么是商业网站，以及它不同维度的分类 ·能对网页项目进行相关调研和分析 ·能使用Axure等软件绘制网页设计的原型图 ·能使用PS等软件进行网页设计 ·区分响应式网站与自适应的异同 ·能设计全屏站网页项目 ·能对网页设计作品进行包装和排版展示

·网页设计基础知识 ·网页项目分析与风格参考 ·网页设计的栅格系统 ·网页设计的组成与规范 ·响应式网站与自适应网站 ·全屏站的认识与设计 ·网页项目的作品集设计

加入收藏

文本生成与AIGC

邓强 · 4291人观看 · 1378分钟

文本生成与AIGC

AIGC文本生成技术，NPLM概率语言模型，Seq2Seq模型，Transformer模型原理、注意力机制、编码器解码器、BERT模型、GPT 模型实现、RAG技术

AIGC文本生成技术，NPLM概率语言模型，Seq2Seq模型，注意力机制、Q/K/V、自注意力，多头注意力，注意力掩码、Transformer架构、编码器结构、解码器结构、自主开发和训练Transformer模型、RAG检索增强生成技术、利用文本数据集训练并实现文本生成

加入收藏

Java面向对象编程

范程皓 · 52095人观看 · 2077分钟

Java面向对象编程

实现核心对战逻辑

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

加入收藏

SpringCloud微服务架构设计硬核实战

吕晨 · 1799人观看 · 142分钟

SpringCloud微服务架构设计硬核实战

1. 微服务架构的理念及由来 2. 使用spring cloud组件搭建微服务架构 3. 落地微服务的一些实用原则

1. 微服务架构的理念及演变历程，了解为何微服务架构成为了历史的必然 2. 微服务架构主流落地方案sprongcloud的主要组件概念及使用 3. 微服务其他课题：服务划分、持续交付、监控等学到什么：

加入收藏

网络安全预科-凡云

魏浩然 · 2137人观看 · 2170分钟

网络安全预科-凡云

1. 掌握Windows常用命令 2. 掌握Windows常用安全配置 3. 掌握计算机网络基础 4. 掌握IP地址与子网划分

环境配置、Windows命令、用户管理、注册表、系统权限、组策略、防火墙、VMWare虚拟机、网络基础、OSI与TCP/IP模型、数据传输过程、IP地址与子网划分

加入收藏

基本信息

联系信息

上传资料