瀑布流布局设计与实现

详细信息    查看全文 | 推荐本文 |

英文篇名：Design and Implementation of Waterfall Flow Layout 作者：韩姿一 ; 王金峰 ; 彭禹 ; 侯林叶 ; 张雪玉 英文作者：HAN Zi-yi;WANG Jin-feng;PENG Yu;HOU Lin-ye;ZHANG Xue-yu;School of Information Engineering, Institute of Disaster Prevention; 关键词：瀑布流 ; 排版布局 ; 页面设计 英文关键词：waterfall flow;;typesetting layout;;page design 中文刊名：ZQGZ 英文刊名：Management & Technology of SME 机构：防灾科技学院信息工程学院; 出版日期：2019-01-15 出版单位：中小企业管理与科技(中旬刊) 年：2019 期：No.563 基金：2018年国家级大学生创新创业训练项目——防灾科技学院人事管理系统(中央高校教育教学改革专项资金2050209);; 2018年国家级大学生创新创业训练计划项目——短信邮件通讯平台(中央高校教育教学改革专项资本2050205)、教学改革项目(JY 2018B 22) 语种：中文; 页：ZQGZ201901045 页数：2 CN：01 ISSN：13-1355/F 分类号：101-102

摘要

随着移动端购物的日渐成熟以及创意短视频社交软件的兴起,人们对瀑布流形式的排版布局日渐熟悉。论文从高度自适应横向瀑布流布局的核心原理出发,首先对该布局的可行性做出证明,然后利用jQuery实现横向瀑布流布局效果,最后针对实际图片尺寸存在较大差异的情况,提出进一步优化展示的策略。
        With the growing maturity of mobile shopping and the rise of creative short video social software, people are becoming more familiar with the layout of waterfall streams.Starting from the core principle of highly adaptive transverse waterfall flow layout, this paper firstly proves the feasibility of the layout, then uses jQuery to achieve the effect of transverse waterfall flow layout, and finally puts forward the strategy of further optimizing the display in view of the large difference in the actual picture size.

引文

[1]梁莉菁.基于JavaScript的瀑布流式网页布局的设计与实现[J].萍乡学院学报,2015,32(03):63-67.
    [2]徐晓星.基于瀑布流的移动端布局设计研究[J].美术大观,2017(07):118-119.
    [3]董春侠,司占军,张海月.瀑布流布局的多种实现方式及其比较研究[J].电脑知识与技术,2016,12(25):53-55.
    [4]曹薇.Pinterest模式下社会化电子商务网站用户购买意愿研究[D].天津:天津科技大学,2017.