瀑布流组件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
相关推荐
2023-02-06
js发送通知
温和的对待，不会使敌人变成朋友——萨迪 文档：https://developer.mozilla.org/zh-CN/docs/Web/API/Notification https://developer.mozilla.org/zh-CN/docs/Web/API/notification/requestPermission 代码如下 1234567Notification.requestPermission().then((permission) => { // If the user accepts, let's create a notification if (permission === "granted") { const notification = new Notification("Hi there!"); // … } }); 效果： 完整代码： 1234567891011121314151...
2022-05-13
vue props注意
等到看你银色满际，等到分不清季节更替，才敢说沉溺。——《水星记》 官方文档：https://cn.vuejs.org/v2/guide/components-props.html 我们在使用vue的prop时 如果prop其数据类型为一个对象 则传入的是一个对象的地址引用 我们如果在子组件中使用watch将其赋值给一个data，用于外部组件状态发生变化时，内部的某一data也能同时响应： 12345678 watch: { productionData: { immediate: true, handler() { this.myData = this.myProp }, }} 这时候如果我们对myData里的属性进行更改，发现外部(父组件)传过来的对象数据源也发生了变更 如果我们想要深拷贝 则可以使用： 1234567891011function deepClone( obj ){ let clone = obj; if (obj &...
2022-01-27
js数组去重
最大的挑战和突破在于用人，而用人最大的突破在于信任人。——马云 我们使用数组解构+Set去重： 12let list = [1,1,2,3]list = [...new Set(list)] 这里set是一个不重复的集合类，构造函数中我们传入了另一个list 如果是两个数组去重 123let list = [1,2,3]let array = [2,3]list = [...new Set([...list,...array])] 写法如下：
2024-05-12
zui
读书须求大义，不可缠绕于琐碎传注之间。——贺钦 分享一个禅道开源的 UI 库 ZUI https://github.com/easysoft/zui 官方文档： https://openzui.com/ ZUI 3 是一个全新的开源 UI 组件库，提供了丰富的实用组件，并提供自由的定制使用方式，不依赖任何 JavaScript 框架，可以在任何 Web 应用中通过原生的方式使用。 访问 ZUI 3 | ZUI 3 来提前预览组件库。 👉 如果你需要访问 ZUI 1，请访问 https://openzui.com/ ，ZUI 1 源码已经转移到 zui1 分支。 特性 🌸 丰富的 CSS 工具类：基于 Tailwind CSS 提供了丰富的 CSS 工具类，包括特别的语义化外观类名； 💠 强大的 JS 组件：基于 Preact 提供了大量 JavaScript 组件，每个组件提供了大量实用的功能选项； 💖 友好现代的界面：提供了经过精心设计的界面风格，所有组件交互经过反复优化和验证以提供最佳方式； 🌗 主题和深色模式：基于 CSS 变量的主题模式，快速生成主题，内置...
2022-12-19
css attr
过于大方的施舍会导致盗窃——西塞罗 分享一个css函数attr MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/attr attr可以获取我们标签内的属性作为值 例如： 1<p data-foo="hello">world</p> css： 123[data-foo]::before { content: attr(data-foo) " ";} 效果： [data-foo]::before { content: attr(data-foo) " "; } world 除了data-*的自定义属性，也可以获取其他的，例如custom-prefix 123456<style>[custom-prefix]::before { content: attr(custom-prefix);}</style><p custom-prefix="hello"&g...
2021-05-21
jquery跳转页面指定元素位置
懒惰象生锈一样，比操劳更能消耗身体;经常用的钥匙，总是亮闪闪的。——富兰克林 代码如下 12345678// 获取到jquery节点 var targetDom = $('#achao') // 获取x坐标 var x = targetDom.offset().top; // 获取y坐标 var y = targetDom.offset().left; // 页面800ms内跳转到x坐标-200的地方 $('html,body').animate({scrollTop: x-200}, 800);
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog