创建公司 已有账号?

基本信息



联系信息

-
-

上传资料

选择营业执照图片文件


上传成功后渲染

公司环境照片(最少一张,长宽比例16:9)

课时列表
01-20200614-瀑布流介绍
02-20200614-瀑布流相关技术和准备工作
03-20200614-等高瀑布流初始布局
04-20200614-布局优化:右侧对齐
05-20200614-布局优化:处理最后一行
06-20200614-动态渲染页面图片
07-20200614-滚动触底加载更多图片
08-20200614-图片懒加载
09-20200614-重新计算图片的宽度缩放比例
10-20200615-计算图片的高度缩放值
11-20200615-等宽瀑布流第一行图片的渲染
12-20200615-等宽瀑布流首屏图片渲染
13-20200615-等宽瀑布流下拉加载功能
14-20200615-等宽瀑布流懒加载优化
首页 / 软件研发专题 · Web前端专题 / 百度图片瀑布流加载实战
发布于 2022-04-21 · 54 次观看
展开剩余
  • 课时列表
  • 评论
  • 课程介绍
  • 资料列表
  • 教师笔记
01-20200614-瀑布流介绍
12分钟 · 38次播放
0%
02-20200614-瀑布流相关技术和准备工作
8分钟 · 1次播放
0%
03-20200614-等高瀑布流初始布局
13分钟 · 1次播放
0%
04-20200614-布局优化:右侧对齐
10分钟 · 1次播放
0%
05-20200614-布局优化:处理最后一行
5分钟 · 1次播放
0%
06-20200614-动态渲染页面图片
15分钟 · 1次播放
0%
07-20200614-滚动触底加载更多图片
12分钟 · 2次播放
0%
08-20200614-图片懒加载
25分钟 · 2次播放
0%
09-20200614-重新计算图片的宽度缩放比例
12分钟 · 1次播放
0%
10-20200615-计算图片的高度缩放值
14分钟 · 1次播放
0%
11-20200615-等宽瀑布流第一行图片的渲染
26分钟 · 1次播放
0%
12-20200615-等宽瀑布流首屏图片渲染
18分钟 · 1次播放
0%
13-20200615-等宽瀑布流下拉加载功能
11分钟 · 1次播放
0%
14-20200615-等宽瀑布流懒加载优化
7分钟 · 2次播放
0%

{{comment.createTime | dateForMat(comment.createTime)}}
回复
共有 条回复
回复

{{replyComment.createTime | dateForMat(replyComment.createTime)}}
回复
课程目标
1、学习前端异步加载技术,页面优化方案。 2、pc端和app端常见的瀑布流加载方案。 3、瀑布流等高加载和等宽加载的两种应用场景
知识要点
1、基于前端ajax、flex布局、滚动监听实现内容无限加载。 2、基于项目驱动完成百度图片的页面加载实战,并深入排列算法。 3、深入剖析懒加载和页面优化技巧,提高网页效率的方案。
授课讲师

江岚

蜗牛学苑资深讲师
从事7年企业项目开发和IT教育培训,积累了丰富的软件开发、项目管理以及IT教育培训经验。曾就职于多家互联 网公司担任高级前端工程师,参与多个大型电商网站以及Web APP的开发。精通React、Vue等前端各种主流框架,有丰富的小程 序和跨平台移动端开发经验,精通React Native、Flutter等。授课风趣幽默,知识讲解注重理论和实战结合,深入浅出,对学生认 真负责,深受学生喜爱。
看看TA的主页
推荐课程
应用服务器部署
应用服务器部署
邓强 · 1505人观看 · 866分钟

应用服务器部署

1、能够在Linux和Docker环境下部署各类应用系统,如LAMP、LNMP、JAVA+Tomcat、HTTPS、集群环境、Redis、宝塔等 2、能够在Windows操作系统下完成各类Web及应用服务器环境的配置及使用Shell进行自动化安装部署 3、理解各类服务器的核心配置项,并了解其脆弱项,能够对其日志进行分析,并通过配置项进行安全加固 4、逐步深入理解HTTP和HTTPS协议的特性,并拓展WebSocket、HLS、SOAP等其他协议,为后续的学习打下坚实的基础
Linux下环境部署、Xampp详细配置、Apache与MySQL配置项、Java安装、Tomcat配置、HTTPS服务器配置、Nginx配置、LNMP配置、集群环境配置、Jboss安装配置、宝塔控制面板、Docker命令与核心操作、Docker容器化部署、日志文件配置、安全配置项、Nginx配置安全过滤器、Shell自动化部署、Windows环境部署、流量泛洪实验器
加入收藏
Java面向对象编程-预科
Java面向对象编程-预科
陈云 · 2628人观看 · 627分钟

Java面向对象编程-预科

理解Java面向对象编程,掌握Java核心关键字的意义
类与对象,方法,重写,重载,抽象类,接口,多态,Java核心关键字
加入收藏
Python网络爬虫实战直播课
Python网络爬虫实战直播课
卿淳俊 · 149人观看 · 1460分钟

Python网络爬虫实战直播课

为以后进入机器学习、数据挖掘行业打下基础
主要是针对不了解爬虫、数据分析的受众,用案例实战的形式带领大家了解和入门爬虫和数据分析可视化这个行业
加入收藏
H5捕鱼达人游戏实战
H5捕鱼达人游戏实战
邓乃文 · 83人观看 · 169分钟

H5捕鱼达人游戏实战

举一反三扩展到各类游戏
H5游戏的开发流程和项目搭建、掌握绘图技巧和性能优化
加入收藏
Java消息队列核心技术与应用实战
Java消息队列核心技术与应用实战
吴聪聪 · 44人观看 · 180分钟

Java消息队列核心技术与应用实战

全程现场编码实验,同步解释关键节点。
以实践,提出问题,解决问题为驱动的课程
加入收藏
软件工程师面试指导
软件工程师面试指导
刘颖聪 · 73人观看 · 263分钟

软件工程师面试指导

本课程将从简历制作,面试准备,项目经验描述,经典面试问题,当面沟通等方面为即将参加面试或跳槽的软件师朋友提供一些经验分享。
加入收藏
小程序开发
小程序开发
江岚 · 2302人观看 · 498分钟

小程序开发

uni-app:开发工具、基本使用、vuex、地图功能
微信小程序:基本介绍、开发工具、wxml和wxss、全局配置和页面配置、自定义组件、本地存储、网络请求、导航、云开发、小程序发布
加入收藏
MySQL数据库-预科
MySQL数据库-预科
李利敏 · 8262人观看 · 1118分钟

MySQL数据库-预科

深入理解数据库管理系统通用知识及MySQL数据库的使用与管理。梳理WoniuBooks系统业务关系,并建立数据表和填补数据,为WoniuBooks系统测试打下基础
数据库知识,范式,MySQL配置,命令,建库建表,数据的增删改查,约束,存储过程,函数,触发器,事务,游标
加入收藏
系统测试基础
系统测试基础
李利敏 · 1813人观看 · 714分钟

系统测试基础

软件工程,软件质量,系统测试流程,方法,软件测试专业术语,测试用例设计,测试报告,缺陷管理
软件工程,软件质量,系统测试流程,方法,软件测试专业术语,测试用例设计,测试报告,缺陷管理
加入收藏
微信小程序影城实战
微信小程序影城实战
江岚 · 163人观看 · 180分钟

微信小程序影城实战

组件开发、请求封装、代码优化、swiper组件使用
基于微信小程序原生开发,云开发和部署 、基于项目实战,掌握微信前后端实战流程
加入收藏
Python原生开发持续集成框架
Python原生开发持续集成框架
邓强 · 128人观看 · 428分钟

Python原生开发持续集成框架

深入理解持续集成过程和原理,并且通过该过程了解框架的组成和开发过程。
基于Python原生代码开发一套完整的持续集成框架
加入收藏
海报和画册设计
海报和画册设计
罗斌 · 3761人观看 · 570分钟

海报和画册设计

1、掌握字形色在版面中的编排的基本规律;2、常见物料设计规律与设计方法;3、熟悉海报设计常见字形色编排套路
物料设计类型与设计、板式设计
加入收藏