首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
瀑布流
订阅
houqiang
更多收藏集
微信扫码分享
微信
新浪微博
QQ
3篇文章 · 0订阅
关于双列瀑布流布局的优化思考
导语在前端领域,经常会遇到瀑布流布局的开发,最近整理了下相关的使用场景和解决方案,其中包含了简单算法DP,前端基础知识,业务场景的思考。什么是瀑布流布局瀑布流又称瀑布流式布局,是一种比较流行的页面布
Taro商城实现瀑布流布局实践
瀑布流 案例 下两张图分别是京东首页、淘宝首页 可以看到都使用了瀑布流式布局,图片等宽不等高 定义 特点 技术角度 多栏或者说多列(为了保持统一,下面都说栏) 图片等宽不等高,根据图片原比例
小程序使用Grid和css变量实现瀑布流布局
基础版虽然看上去基本符合我们的产品需求,但由css可以知道,它的问题是__高度固定__,但业务上我们并不确切知道每个item的高度及所包含的图片的高度。所以接下来我们要解决__动态高度__设定的问题,让每一个item都自动计算自己的高度,而不是通过CSS来手动指定 <…