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

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

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

展开剩余

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

01-20200614-瀑布流介绍

12分钟 · 800次播放

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和CVE漏洞复现

邓强 · 6192人观看 · 2235分钟

Java和CVE漏洞复现

1、能够利用各类安全漏洞网站的公开漏洞，或者利用搜索引擎及时查寻各类最新漏洞，并复现相应漏洞 2、分析和复现各类CVE漏洞，并在PHP和系统之外，积累更多漏洞知识和经验，理解其形成机制，提升综合竞争力 3、综合运用前述知识，从技术、方案、实现、优化等方面，初步达到中级网络安全工程师的能力

Java漏洞利用：Log4J2、JWT、Shiro、FastJSON、Spring、Spring-Cloud、Spring-Security、Weblogic、Tomcat、ActiveMQ、Struts2、Jboss、ysoserial工具使用、Java反序列化利用链分析，Django漏洞、Office RCE漏洞、Jenkins漏洞、WordPress漏洞、Drupal漏洞、各类CMS漏洞、各类OA漏洞，SRC众测平台实战

加入收藏

Windows与网络基础

夏勇雄 · 207人观看 · 911分钟

Windows与网络基础

加入收藏

性能测试与JMeter

王国林 · 25125人观看 · 1674分钟

性能测试与JMeter

熟悉性能测试实施过程和规范，理解性能测试指标体系,掌握性能测试场景设计,熟练运用Python开发性能测试脚本，熟练运用Jmeter性能测试工具

性能测试原理，指标体系，场景设计，实施过程，指标监控，Web前端性能分析

加入收藏

APP专项测试

胡名海 · 18904人观看 · 373分钟

APP专项测试

理解APP专项测试的核心概念、熟练使用APP专项测试工具、熟练使用ADB命令、掌握APP的Monkey测试方法

APP专项测试核心知识、ADB常用测试命令、Monkey测试、APP专项测试工具应用

加入收藏

photoshop

张瑞 · 35549人观看 · 336分钟

photoshop

熟练运用HTML和CSS样式属性完成页面的布局和美化，基于PSD原稿完成页面像素级还原布局和设计

PhotoShop抠图、切片技巧、pxcook标注、Web前端开发环境、HTML常用标签、表单元素、CSS基础样式使用、字体图标设计

加入收藏

面向对象、集合

谭岚 · 1121人观看 · 1300分钟

面向对象、集合

数据是立体的，String是平面的，用String同时记录id-name-sex-age，存取时只好大量split()和拼接，很不优雅，引入实体类，String[]变Person[]，List<String>变List<Person>

类与对象、static，构造函数，有参构造，this，toString()；List<T>，迭代器，比较器，匿名内部类。

加入收藏

AI软件基础

罗斌 · 7771人观看 · 1242分钟

AI软件基础

1、掌握效果工具ps的基本操作；2、掌握不同风格特点；3、能够用不同风格形式对照片进行写生练习

ps软件基础、风格

加入收藏

Java开发性能测试脚本

邓强 · 13822人观看 · 1231分钟

Java开发性能测试脚本

通过本课程学习，熟练账务Web性能测试，接口性能测试技术

性能测试基础，Jmeter应用，接口性能测试实战，Web性能实战，性能调优

加入收藏

tsung性能测试实战

梁爽 · 1005人观看 · 133分钟

tsung性能测试实战

熟练掌握性能测试工具tusng的使用

熟悉性能测试原理和实施准则。掌握性能测试点的提取和性能测试实施方法

加入收藏

基本信息

联系信息

上传资料