多项具有相同特性的内容按照指定顺序排列的页面。
有三种模式，一般都用列表模式，比如搜索引擎、新闻网都用这种排列；还有一种就是网格模式，很多电商网采用两种模式，看用户使用习惯，自己选择；第三种是瀑布流，不规则排列方式，比如花瓣网。
列表模式
网格模式
瀑布流
可以分为必要的和可选的两种。列表项上列表而必不可少的，就是由产品或是内容排列而成。可选的就多了，根据不同的使用场景有很多种。比如列表页的头部导航，有面包屑导航的，有搜索框的，有频道的， 还有提供相关搜索的（或是建议搜索），还有根据产品细节进行筛选，还有按一定因素进行排序的，还有翻页。不多说了，下面来例图说明。
不可少的列表项，上面三个图都能看到，无论哪个列表页这都是主体，不可少的。
头部有面包屑导航
优酷电视剧频道下的列表页
淘宝网的列表页
翻页又可以有两种形式，一种是下一页的翻看方式，如下图，一种是下拉更新的方式。
点击下一页进行翻页
下拉更新在移动端用的很普遍，PC端的就如上图这种下一页的用的多。具体用哪种方式，看情况，下拉更新快，不打断，下一页清楚自己在哪个位置。
定义 多项具有相同特性的内容按照指定顺序排列的页面。 排列模式 有三种模式，一般都用列表模式，比如搜索引擎...
定义 某一项目的具体详情，比如电子商务指的是一款产品详情，新闻网指的是某一条新闻具体内容。 必要元素 标题...
我们为了减少服务器请求和页面等待时间，会keep列表页面，从列表编辑页面返回列表页时，列表页是缓存住的。但是这样对...
实现功能 详情页返回列表页，列表页保留上次浏览位置 其它页面进入到列表表，列表页刷新 当详情页有数据改变时，列表页...
UI 需求 从列表页的第二页进入详情页，返回时列表页仍然显示在第二页； 从列表页的第二页进入详情页，返回时列表页的...
列表页制作 1). 列表页准备工作 列表页面是新的页面，我们需要新建 list.html 因为 列表页的 头部 和...
「高内聚低耦合」✌️ 1.列表传参 列表页: 数据页： 2.详情页传参 文件架构： 列表页： 详情页：
2.解决问题 超过三张图片：横排三张图（选最后三张图）图片少于3张：图文左右排列（选最后一张图）无图片：只显示文章...
简介 本篇，我们做一些商品列表页的前端逻辑功能。 价格过滤列表的点击逻辑 价格过滤列表的露出逻辑 排序点击的逻辑 ...
例子：点击项目列表页，跳转到项目详情列表页 方法一 点击列表页li元素跳转到详情页，并把项目id传给详情页，以便于...
本文标题：对列表页的一些认识
本文链接：https://www.haomeiwen.com/subject/klmplttx.html
网友评论