瀑布流

瀑布流布局（CSS flex实现）

关键点使用了vw进行自适应缩放html：<div
timi先生·2023-10-11 09:29

瀑布流布局（网格）

关键点使用grid-template-columns、grid-template-rows分割行列；使用grid-row控制项目每个所占格子的大小html：
timi先生·2023-10-11 09:29

人间仙境

中条山老人画家宏志自作诗书法群峰耸翠孤亭幽，晓雾云崖瀑布流。隐隐琼楼紫燕舞，幽幽玉宇桃花稠。（七绝）图片发自App
7637124d4239·2023-10-11 01:07

【SwiftUI模块】0006、SwiftUI自定义引导页动画 - 建议手跟着敲代码联合＜0005、SwiftUI-粘性动画指示器引导页＞ - 加深你的Co(理)py(解)能力

SwiftUI小功能模块系列0001、SwiftUI自定义Tabbar动画效果0002、SwiftUI自定义3D动画导航抽屉效果0003、SwiftUI搭建瀑布流-交错网格-效果0004、SwiftUI
宇夜iOS·2023-10-11 01:14

新闻模块——RecyclerView

列表添加分割线3.列表添加入场动画4.实现切换不同展示效果（列表，网格，瀑布）5.实现多布局展示新闻列表6.实现item点击事件2.意义RecyclerView兼顾了灵活性和个性化，是功能强大的工具特点一：支持瀑布流特点二
魔鬼辣不够辣·2023-10-10 23:20

css水平瀑布流+兼容ie元素间隙

看效果图：1.水平瀑布流：.container{display:flex;flex-wrap:wrap;padding:030rpx;}.item{width:47%;height:200px;}.container
搬砖的小编·2023-10-09 17:31

vue瀑布流布局

'瀑布流’是前端的一种’布局’方式，就像我们经常’搜百度’看到的’图片列表’都是’瀑布流’完成的，如下图，‘瀑布流’会根据’某一列’的’高度’，来自动向’最低高度’的一’列’下面继续添加元素，下面是在’
赵啸林·2023-10-08 06:37

宠物社区风格 商业版（GBK）Discuz模板

包括网站首页，论坛首页，论坛列表页，论坛内容页，论坛瀑布流,资讯列表页（支持多个）。2、模板论坛首页，列表页，内容页，以及文章页面数据采用DIY数据读取，方便新手老手运营以及后期维护
阿国下载·2023-10-08 03:06

flip动画原理讲解

对后端返回图片地址但没返回图片宽高的情况，可以用该原理排版瀑布流*{margin:0;padding:0;}.haha{
大猫会长·2023-10-06 20:34

夏天流的汗可能比我喝的水更多

这种场面估计我会当场尴尬死，也不知道是为啥，一直觉的自己瀑布流汗让别人看到有点尴尬。每天出汗的日子我是不敢化妆的，虽然平
蓝月半儿·2023-10-06 19:10

Canvas绘图

Canvas绘图Canvas的意义随着前端的不断发展，页面特效越来越炫酷，W3C组织也不断退出新的CSS特性：例如各种渐变，瀑布流布局，各种阴影，但是随着需求越来越花哨，W3C表示：我去你妈的，你自己画去吧
DB_鸠·2023-10-06 18:27

Vue中如何进行瀑布流布局与图片加载优化

Vue中实现瀑布流布局与图片加载优化瀑布流布局是一种常见的网页排版方式，特别适用于展示图片等不同高度的元素。在Vue.js中，我们可以轻松地实现瀑布流布局，并进行图片加载优化，以提高用户体验。
stormjun·2023-10-05 12:25

python全栈开发工程师_老男孩Python高级全栈开发工程师三期完整无加密带课件(共104天)...

3.这一期比之前的Python培新课程增加了很多干货：Linux运维基础课程、Redis及操作、bottle框架使用、瀑布流网站页面布局、组合搜索技术、保障系统项目等。
weixin_39586235·2023-10-05 12:01

2020-03-22

添加依赖（implementation'com.android.support:recyclerview-v7:29.0.2'）②创建布局（宽、高必须充满）③找控件④设置布局管理器（线性布局，网格布局和瀑布流
79f5fe7e5092·2023-10-04 21:28

现代诗//自己

图片发自App文/安城蓝色里看见的不仅是虚无的天或是飞霞如翅的云或是瀑布流水间缭绕的烟霭白衣人回首的微笑来自杯中的火每一次踱步的时候像卷动的风暴间泻下的闪电它靠近的时候我是否领悟了它的光芒放下了自己
安城的真金·2023-09-30 21:37

博客无限滚动加载（html、css、js）实现

介绍这是一个简单实现了类似博客瀑布流加载功能的页面，使用html、css、js实现。简单易懂，值得学习借鉴。
Big-Peng·2023-09-30 19:12

uniapp瀑布流：他的数据是纵向渲染，怎么实现动态上拉加载数据？

不喜勿喷，非常感谢准备数据：首先，你需要有一些数据，这些数据将会在瀑布流中渲染。你可以将这些数据存储在一个数组中，或者从服务器请求获取。创建页面：在UniApp中创建一个页面，用于展示纵向瀑布流。
锅盖哒·2023-09-29 08:48

瀑布流布局

效果：代码：APP.vueimportwaterFallVuefrom"./components/waterFallVue.vue"constlist=[{height:300,background:'red'},{height:400,background:'pink'},{height:500,background:'blue'},{height:200,background:'green'}
```陪伴·2023-09-29 02:31

原生小程序封装瀑布流组件

原生小程序封装瀑布流组件最近在公司产品突然说要把首页改成瀑布流的形式，特地研究了一下瀑布流的实现方式，有一个致命的坑需要注意，就是原生的小程序不支持作用域插槽，最后通过研究了一个开源组件，发现的实现方式很有意思
黄不逗·2023-09-28 21:49

微信小程序的无限瀑布流写法

微信小程序的无限瀑布流实现总算做完了，换了好几种方法，过程中出现了各种BUG。
猜测7·2023-09-28 21:17

html瀑布流下拉刷新,Flutter笔记(六)：StaggeredGridView瀑布流+下拉刷新和加载更多...

前言Flutter中有对应的ListView和GridView但是没有提供瀑布流的展示，这里我们使用现在比较火的瀑布流组件flutter_staggered_grid_viewexample_01.png1
hhhjknb·2023-09-28 14:59

React 实现一个瀑布流组件（TypeScript） 支持宽度响应式，支持任意列数，支持触底加载，良好的TS类型支持

一、前言瀑布流是很常见的布局，移动端、PC端均可使用，主要特点是每个元素等宽，但是不等高。
l煎饼果子·2023-09-27 13:59

vue中实现瀑布流布局

父组件importWaterfallFlowfrom"@/components/WaterfallFlow.vue";import{reactive}from"vue";typelistType={height:number,color:string}//随机生成100个高度和颜色的对象letlist=reactive([...Array.from({length:100},()=>({heigh
szx的开发笔记·2023-09-26 09:23

iOS | 关于瀑布流附带悬停的简易实现

流式布局过去也玩很多种，今天来总结一下瀑布流，市面上应该是不那么流行了，不过无奈产品经理喜欢呀~自定义布局其实需要使用到UICollectionViewLayouta、其决定UICollectionView
夏浩文·2023-09-26 02:43

一款强大的iOS瀑布流布局LBWaterFallLayout

效果图瀑布流布局实现思路UICollectionView的精髓就是UICollectionViewLayout。
刘小小博·2023-09-25 20:02

Recyclerview之瀑布流分割线左右间距均等问题

瀑布流左右分割线均等设置！在网上看了很多例子，都是什么万能分割线之类的，但是真正用到瀑布流的分割线却会出现不一致的情况。
坚持DD·2023-09-25 17:49

实现一个响应式的瀑布流组件

在图片网站中，通常是使用瀑布流的方式来显示图片，等宽度不等高，这样显得错落有致今天使用Vue3实现一个瀑布流组件，并发布为一个npm包grid布局支持响应式参考自react-plock1、window.matchMediawindow.matchMedia
·2023-09-24 08:13

uniapp项目实践总结(十八)自定义多列瀑布流组件

导语：有时候展示图片等内容，会遇到图片高度不一致的情况，这时候就不能使用等高双列或多列展示了，这时候会用到瀑布流的页面布局，下面就一起探讨一下瀑布流的实现方法。
马克关·2023-09-24 03:07

敏捷学习- 敏捷软件开发实践-估算与计划（1）

传统的管理方法，更希望团队遵从瀑布流的工作方式，而敏捷估算与计划更强调集体合作和响应变化。先前只是学习了一些敏捷的方法流程，对于敏捷研发的关键环节理论理解不
黄水祥·2023-09-23 23:36

van-list van-pull-refresh实现上拉加载，下拉刷新

Vant是一个轻量、可靠的移动端组件库，使用该框架的van-list组件和van-pull-refresh组件可实现上述功能van-list组件：瀑布流滚动加载，用于展示长列表，当列表即将滚动到底部时，
weixin_42254016·2023-09-23 12:36

产品管理之项目管理

下面讲讲敏捷开发和瀑布流开
四姑娘山的稻城·2023-09-23 10:43

微信小程序实现瀑布流布局

小程序实现瀑布流近期在做APP转成小程序的相关开发，需将APP里面的部分页面抽离出来，做成小程序。其中有个页面是瀑布流(参差不齐的多栏布局)的形式。
没有故事的男童鞋·2023-09-23 09:05

ListView和RecyclerView的主要区别

RecyclerView的布局效果丰富，可以在LayoutMananger中设置线性布局（纵向、横向）、表格布局、瀑布流布局。
小宋敲码·2023-09-23 03:52

瀑布流布局的实现

瀑布流布局视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部瀑布流的实现方法决定了它的元素排序，具体请看我这篇推文。
AI3D_WebEngineer·2023-09-22 01:37

kotlin瀑布流demo

最近学习kotlin，这里用图片展示练习一下具体怎么配置Androidstudio的Kotlin环境可以看我的另一篇文章AndroidStudio使用Kotlin开发布局的话我这里直接使用RecyclerViewMainActivity代码classMainActivity:AppCompatActivity(){privatevarrecyclerView:RecyclerView?=nullp
suwec·2023-09-20 23:37

瀑布流思路以及简单实现和组件封装代码(Nuxt3)

瀑布流思路以及简单实现和组件封装代码个人博客同步地址:https://yujiezhang.space/blob/waterflow根据屏幕分辩率分为三种（可根据需求来变化）lg-1024px三栏分布md
做一个程序员·2023-09-20 17:14

vue+vant瀑布流

{{item.titleString}}¥{{item.old}}起¥{{item.new}}exportdefault{data(){return{loading:false,finished:false,listDataArr:[{imageurel:require("../assets/city.png"),titleString:"城市天际线1号",old:"299",new:"199",
这一剑叫晚安·2023-09-20 17:44

用vue写个左右各占一半瀑布流列表

要用Vue实现左右各占一半瀑布流列表，可以按照以下步骤进行：在Vue组件中定义两个容器，分别占据页面宽度的一半。例如可以使用Flexbox或者CSSGrid布局来实现。
二院大蛙·2023-09-20 17:43

uniapp微信小程序拿来即用的瀑布流布局（复制粘贴即可使用，无需做其他处理）

http://t.zoukankan.com/tommymarc-p-14441929.html{{item.name}}￥{{item.commdityPrice}}来自莫成尘的旗舰店exportdefault{data(){return{comList:[{img:"http://pic1.sc.chinaz.com/Files/pic/pic9/202002/zzpic23346_s.jpg
妈妈我要吃烤地瓜·2023-09-20 17:13

vue 实现的瀑布流 -- 基于flex

前言已经npm发布了，有需要的伙伴可以直接npminstallsen-water-fall--save快捷使用，备注：请尊重原创，转载记得说明，欢迎一起改进主要目录为：组件1.components/waterfall/index.vue主要采用多行多列思维我在第{{row}}行，第{{col}}列,在数组list中排第{{(row-1)*cols+col}}个数据暂无数据exportdefault
乐飞鱼～万维网·2023-09-20 17:43

产品经理：下班之前，实现一个瀑布流

1.瀑布流是什么瀑布流,又称瀑布流式布局。是比较流行的一种网站页面布局，视觉表现为宽度相等高度不定的元素组成的参差不齐的多栏布局，随着页面向下滚动，新的元素附加到最短的一列而不断向下加载。
淘淘是只狗·2023-09-20 17:42

封装vue瀑布流布局组件

最近在开发移动端页面时，发现好多都使用了瀑布流布局，又没找到个满意的组件，避免每次重复开发，就自行封装了个瀑布流布局组件主要想说一下js的，也当是个人笔记，其他借助flex、column、Grid等纯css
JOEcv007·2023-09-20 17:12

vue中实现瀑布流

瀑布流的参考实现可以看这篇博客：3种方式实现瀑布流布局1、利用css实现瀑布流/**flex布局实现*/.box{display:flex;align-items:center;flex-flow:columnwrap
一条大河全靠浪·2023-09-20 17:08

瀑布流 - Vue3基于Grid布局简单实现一个瀑布流组件

瀑布流-Vue3基于Grid布局简单实现一个瀑布流组件前言在学习Grid布局之时，我发现其是CSS中的一种强大的布局方案，它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局，在刷某书和某宝首页时
叶落风尘·2023-09-20 17:06

Jira入门教程 敏捷开发管理（二）

瀑布流模型开始介绍敏捷开发之前，先介绍一下敏捷开发方式提出之前的开发方式：瀑布流模型。瀑布流模型将软件开发和交付划分为几个相互独立的阶段：需求收集
benyzhous·2023-09-19 23:12

vue中原生语法实现瀑布流及懒加载(无限加载)(利用IntersectionObserver)

vue中原生语法实现瀑布流及懒加载(利用IntersectionObserver)如果要实现懒加载,第一反应不过是计算可视高度即滚动条之间的距离来进行对比都2021年了,如果面试官让手写一个懒加载,毫无亮点了已经下面介绍一种实现懒加载的方式
前端攻城fff·2023-09-19 21:25

Vue3 瀑布流 动态加载图片，下拉无限滚动

前置知识：javascript获取屏幕高度和宽度、监听屏幕大小改变https://blog.csdn.net/u014651560/article/details/107027414js监听页面或元素scroll事件，滚动到底部或顶部https://blog.csdn.net/mouday/article/details/125444003JavaScript中获取DOM元素宽度和高度的常用API
梦鸢MoYuan·2023-09-19 21:21

浅析瀑布流布局原理

前言上一文讲到了图片,这里我们就讲一个常用的图片场景:瀑布流,他的实现和优化什么瀑布流瀑布流，又称瀑布流式布局。
·2023-09-19 21:17

uniapp项目实践总结(十八)自定义多列瀑布流组件

导语：有时候展示图片等内容，会遇到图片高度不一致的情况，这时候就不能使用等高双列或多列展示了，这时候会用到瀑布流的页面布局，下面就一起探讨一下瀑布流的实现方法。
·2023-09-19 21:46

uniapp瀑布流布局写法

首先我们要清楚瀑布流是什么？
锅盖哒·2023-09-19 18:24
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他