瀑布流组件vue-waterfall
发表于|更新于
|浏览量:
坦白直率的言语，最容易打动悲哀的耳朵——莎士比亚
分享一个vue瀑布流组件
git地址：https://github.com/MopTym/vue-waterfall.git
竖向排列demo：http://app.moptym.com/vue-waterfall/demo/vertical-line.html
横向排列：http://app.moptym.com/vue-waterfall/demo/horizontal-line.html
竖向+变大：http://app.moptym.com/vue-waterfall/demo/vertical-line-with-grow.html
相关推荐
2022-03-18
判断浏览器窗口滚动到最底部
任何人都应该有自尊心自信心独立性，不然就是奴才。但自尊不是轻人，自信不是自满，独立不是弧立。——徐特立 首先是昨天我们说的vue中绑定@scroll事件，别忘了加对应的高度，以及检查overflow-y： 123<div @scroll="onScroll" class="allow-scroll"> 我是很高很长很长（超过外部div高度）的内容...</div> 然后是滚动事件处理： 12345678onScroll(e) { // Y轴滚动距离 偏移高度 总高度 let { scrollTop, clientHeight, scrollHeight } = e.target console.log(`scrollTop + clientHeight ${scrollTop + clientHeight} >= scrollHeight-1 ${scrollHeight - 1}`) if (scrollTop + cl...
2024-09-20
vinejs
仅仅对自然做种种临摹，并不会创造出什么伟大的艺术作品。——佚名 Vine.js 是一个轻量级、易于使用的 JavaScript 表单验证库，它的设计理念是简洁和灵活，特别适合前端和后端应用中的数据验证。无论是在前端用户输入时，还是在后端 API 请求时，Vine.js 都能帮助开发者快速、高效地进行数据验证，确保数据的完整性和准确性。 项目介绍Vine.js 诞生的目标是为 JavaScript 应用程序提供更简单、清晰的数据验证方法。它允许开发者定义一系列验证规则，并轻松地应用于不同的数据场景。通过其简洁的 API 设计和全面的错误处理，Vine.js 提供了直观的方式来定义验证逻辑，减少开发者手动编写验证代码的时间和精力。 主要特点： 简单易用：通过简洁的 API，让验证规则定义和应用变得更加直观。 灵活的错误处理：支持定制错误消息，并可以灵活地处理验证失败时的行为。 适用于前后端：无论是用于前端表单验证，还是后端 API 的请求参数验证，Vine.js 都能够胜任。 良好的扩展性：支持自定义验证器，允许开发者根据需要扩展库的功能。 官方文档和 GitHub 地址 官...
2024-06-28
uniapp将h5底部tabbar改到顶部
家贫僮仆慢，官罢友朋疏远。——佚名 样式： 1234567.uni-tabbar{ top: 0; height: 50px;}.uni-app--showtabbar { padding-top: 50px;} 当然大家也有大家的方式，不能说谁的好谁的坏 我这个的主要特点是能够适配没有tabbar的子页面
2025-10-01
x402
人们宁愿去关心一个蹩脚电影演员的吃喝拉撒和鸡毛蒜皮，而不愿了解一个普通人波涛汹涌的内心世界。——路遥《平凡的世界》 x402：为互联网打造的下一代支付协议——Coinbase 的开放支付协议全解析在加密货币和 Web3 世界不断进化的今天，支付系统依然是“链上应用到现实世界”最核心的基础设施之一。Coinbase 推出的 x402 项目，正试图用开放协议的思路，重新定义互联网支付的连接方式。本文将带你深入了解 x402 的项目定位、技术亮点、典型用法和未来前景。 一、项目概览 项目地址：coinbase/x402 官网：https://x402.org 一句话描述：A payments protocol for the internet. Built on HTTP. 主语言：TypeScript 开源协议：Apache 2.0 Star：1825+，Fork：286+，Issue：104+，社区活跃 二、x402 要解决什么问题？x402 的目标是：让任何 Web 服务都能像集成 HTTP 一样，快速、安全地集成加密支付/微支付能力。 开放协议：...
2022-05-05
vite
给自己一点时间，别害怕重新开始。——威尔·鲍温 分享一个前端开发与构建工具vite，官网： https://vitejs.cn/ 可以以极快的方式冷启动项目，极快的速度热重载HMR(Hot Module Replacement) 使用方式按照官方文档创建项目即可 https://vitejs.cn/guide/#scaffolding-your-first-vite-project
2024-06-01
dialog标签
懂得兜圈子，绕道而行的人，往往是第一个登上山峰的人。——佚名 今天分享一个html标签dialog <dialog>：对话框元素 - HTML（超文本标记语言） | MDN 这是一个2022年新增的新标签 说白了就是一个弹框 简单示例： 123456<dialog open> <p>Greetings, one and all!</p> <form method="dialog"> <button>OK</button> </form></dialog> 我们可以对齐增加一个动画： 代码出处： Animating <dialog> 123456789101112131415161718192021222324<!-- Transition or Animate a <dialog> Modal Open + closed state Problem: The browser display:none;...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog