瀑布流组件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
相关推荐
2020-11-13
js当前函数获取调用它的函数
教育本质是一棵树摇动另一棵树，一朵云推动另一朵云，一个灵魂唤醒另一个灵魂。——雅斯贝尔斯 转载，原文 当我们在调试的时候，想获取这个函数被哪个函数调用，以方便调试，但是 caller属性被严格模式下被禁用了 我们可以通过 (new Error()).stack.split(“\n”)[2].trim().split(“ “)[1]方法来获取调用当前函数的那个函数名 解释：new Error().stack 表示程序出错位置的栈，[0]表示当前函数，[1]表示上一级函数调用的函数 [2]上上级…. 例子： 123function bb(){cc()} function cc(){console.log((new Error()).stack.split("\n")[2].trim().split(" ")[1])} bb() //打印出bb
2022-05-17
display:contents
多少人以友谊的名义，爱着一个人。——电影《One Day》 MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/display-box 首先是一段代码： 12345678910111213141516171819<!DOCTYPE html><head> <title>display</title> <style> .outer { border: 2px solid red; width: 300px; } .outer>div { border: 1px solid green; } </style></head><body> <div class="outer"> <div>I...
2022-05-21
css属性选择器
谁终将声震人间，必长久深自缄默；谁终将点燃闪电，必长久如云漂泊。——尼采 首先是MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/Attribute_selectors 然后是场景： 此处需要将所有包含overflow: scroll行内样式(也就是元素的style属性内写样式)的元素，设置为overflow:auto 代码： 123*[style*='overflow: scroll'] { overflow: auto !important;} 示例链接CSS12345678910111213141516171819202122232425262728a { color: blue;}/* 以 "#" 开头的页面本地链接 */a[href^="#"] { background-color: gold;}/* 包含 "example" 的链接 */a[href*=&q...
2024-01-17
js人脸检测
家······是抵御一切可怕东西的庇护所；阴影，黑夜，恐怖，不可知的一切都给挡住了。——罗曼·罗兰 分享一个js人脸检测用例： https://codepen.io/mediapipe-preview/pen/OJByWQr 使用框架： https://github.com/google/mediapipe
2023-09-24
docusaurus国际化坑
你不教训儿子，生活就一定会来教训他。——佚名 今天做apache-streampark文档国际化时踩到一个坑，其使用的框架docusaurus它支持多版本的管理，所以需要套一层current目录标识版本号 对应的pr： https://github.com/apache/incubator-streampark-website/pull/256 就是将i18n/zh-CN/docusaurus-plugin-content-docs-community/移动到 i18n/zh-CN/docusaurus-plugin-content-docs-community/current/ 加了一层current目录即可正确匹配上了 之前的效果： 现在：
2024-09-15
Vitest集成github action
精神上最好的避难所还是书本：它们既不会忘了你，也不会欺骗你。——罗曼·罗兰 我们已经知道vitest是一个很好用的单元测试框架，我们今天聊一下如何在github action集成vitest 首先我们创建项目 1234567891011121314151617181920212223242526272829303132333435363738394041424344Last login: Mon Sep 9 16:43:09 on ttys004 The default interactive shell is now zsh.To update your account to use zsh, please run `chsh -s /bin/zsh`.For more details, please visit https://support.apple.com/kb/HT208050.Github-Id-VampireAchao:streampark achao$ cd /Users/achao/IdeaProjects/simple-vitest# 安装vitest...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog