1 / 9
文档名称:

web前端的瀑布流学习.pptx

格式:pptx   大小:1,413KB   页数:9页
下载后只包含 1 个 PPTX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

web前端的瀑布流学习.pptx

上传人:今晚不太方便 2017/8/11 文件大小:1.38 MB

下载得到文件列表

web前端的瀑布流学习.pptx

相关文档

文档介绍

文档介绍:web前端的瀑布流学习
瀑布流的代码分析
什么是瀑布流
瀑布流,又称瀑布流式布局。是比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。最早采用此布局的网站是Pinterest,逐渐在国内流行开来。国内大多数清新站基本为这类风格。
特点
1、琳琅满目:整版以图片为主,大小不一的图片按照一定的规律排列。
2、唯美:图片的风格以唯美的图片为主。
3、操作简单:在浏览网站的时候只需要轻轻滑动一下鼠标滚轮,一切的美妙的图片精彩便可呈现在你面前。
应用
瀑布流对于图片的展现,是高效而具有吸引力的,用户一眼扫过的快速阅读模式可以在短时间内获得更多的信息量,而瀑布流里懒加载模式又避免了用户鼠标点击的翻页操作,瀑布流的主要特性便是错落有致,定宽而不定高的设计让页面区别于传统的矩阵式图片布局模式,巧妙的利用视觉层级,视线的任意流动又缓解了视觉疲劳,同时给人以不拘一格的感觉,切中年轻一族的个性化心理。国内类Pinterest网站也如雨后春笋般出现,已知网站超40家,类Pinterest网站有四种,一是电商导购,如想去网、蘑菇街和美丽说、好享说、依托于淘宝平台;二是兴趣图谱分享,如知美、花瓣等;三是在细分垂直领域,如针对吃货的零食控、针对家居行业的他部落等。四是服装款式设计资讯平台如看潮网等等。
布局优点
有效的降低了界面复杂度,节省了空间:我们不再需要臃肿复杂的页码导航链接或按钮了。
对触屏设备来说,交互方式更符合直觉:在移动应用的交互环境当中,通过向上滑动进行滚屏的操作已经成为最基本的用户习惯,而且所需要的操作精准程度远远低于点击链接或按钮。
更高的参与度:以上两点所带来的交互便捷性可以使用户将注意力更多的集中在内容而不是操作上,从而让他们更乐于沉浸在探索与浏览当中。
布局缺点
1. 无限滚动的方式只适用于某些特定类型产品当中一部分特定类型的内容。
2. 那些用来打造无限滚动的JS库虽然

最近更新

2025年志向的现代诗 26页

绩效沟通,管理者必须面对的技术难题 3页

继电保护用开关电源的故障分析与改进 3页

公共文化服务供给侧改革的跨界合作研究-洞察阐.. 44页

场景化人机交互设计-洞察阐释 43页

数字支付中的隐私保护与合规监管-洞察阐释 44页

经营杠杆、财务杠杆对企业收益的影响研究 3页

经济新常态下集团公司的财务管理工作研究 4页

织编机的研究与实践 3页

组织中多元认同的研究述评 3页

线性双口网络的噪声特性分析 3页

纸浆流送过程中速度分布测定方法的研究(纸浆流.. 3页

纤维混凝土断裂力学阻裂机理研究 3页

红外测距仪在井下测量中的应用 3页

精细油藏描述中的沉积微相研究——以大情字井.. 4页

精制调味油通过了专家技术鉴定 3页

粗陶成型设备TCCG1200制缸机技术参数的选择和.. 3页

粉末涂料在工程机械的应用 3页

箱型梁剪力滞效应及其可靠度随机有限元分析的.. 3页

管理会计在我国国有企业应用问题的研究 3页

简述计算机安全面临常见问题及防御对策 3页

幼儿园听说游戏 16页

第三届全苏理论与应用力学大会(1968年1月25日.. 3页

立足民众需求的文化产品绿色设计研究 3页

幼儿园区角制作与投放 36页

空气锤能量计算新理论及其应用 3页

稻糠作为锅炉燃料的应用——介绍WWL1—7—D型.. 3页

税务执法和解协议研究 3页

幼儿园健康活动保护牙齿 16页

移动应用程序APP视觉设计因素应用研究 3页