瀑布流组件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-11-15
emberjs
合抱之木，生于毫末；九层之台，起于累土；千里之行，始于足下。——老子 分享一个js框架 https://emberjs.com/ Ember.js 是一个高效的、经过实战考验的 JavaScript 框架，用于构建现代 Web 应用程序。它包括构建可在任何设备上运行的丰富 UI 所需的一切。 它的语法： 123456789import Route from '@ember/routing/route';export default class IndexRoute extends Route { async model() { return { title: 'Grand Old Mansion' }; }} 对应的页面 1<h1>{{@model.title}}</h1> 使用的是.hbs后缀的模板文件，语法和vue有些异曲同工之妙，是一个很值得学习的库 其emberjs约定大于配...
2025-06-16
mermaid-live-editor
教学的艺术不在于传授本领，而在于关于激励、唤醒、鼓舞。——第斯多惠 https://github.com/mermaidjs/mermaid-live-editor Mermaid Live Editor：在线绘制和分享流程图、时序图的神器在日常开发、产品设计和文档编写中，流程图、时序图、甘特图等可视化图形是表达系统逻辑、业务流程和协作方案的利器。Mermaid 作为一款流行的文本化图形描述工具，在开发者和技术团队中拥有极高的口碑。而 @mermaidjs/mermaid-live-editor 正是将 Mermaid 的强大能力带到了浏览器，让你即开即用、即写即画。 什么是 Mermaid Live Editor？Mermaid Live Editor 是一个基于浏览器的在线编辑器，专门用于编写和实时渲染 Mermaid 语法的各种图表。你只需要用简单的 Markdown 风格文本描述图表结构，编辑器即可自动渲染为可视化图形，并且支持导出、分享、预览等便捷操作。 主要特性1. 实时预览与高亮 左侧输入 Mermaid 语法，右侧实时渲染对应图形。 支持语法高亮...
2023-05-24
js实时协作编辑器
爱护才华吧，保护那些才华修美的人物吧。文明的民族啊，培养他们吧。——卢俊 https://github.com/ether/etherpad-lite https://etherpad.org/ 效果： 非常地nice
2025-07-29
selenium
我慢慢明白了我为什么不快乐，因为我总是期待一个结果。看一本书期待它让我变得深刻；吃饭、游泳期待它让我一斤斤瘦下来；发一条微信期待它被回复；对别人好期待被回待以好；写一个故事说一个心情期待被关注安慰；参加一个活动，期待换来充实丰富的经历。这些预设的期待如果实现了，我长舒一口气，如果没有实现呢，就自怨自艾。可是小时候也是同一个我，用一下午的时间看蚂蚁搬家，等石头开花。小时候不期待结果，小时候哭笑都不打折。——《允许自己虚度时光》 https://github.com/SeleniumHQ/selenium Selenium：让你的浏览器自动工作，解放双手的神器！你是否曾幻想过：打开电脑，一行代码敲下去，Chrome、Firefox、Safari……各路浏览器自动帮你完成所有重复操作，自己在旁边喝咖啡、刷剧、享受生活？这不是科幻，而是真实存在的“自动化世界”——Selenium，就是让这一切变得触手可及的开源王者！ Selenium是什么？一句话超酷简介 Automates browsers. That’s it!Selenium，就是让浏览器自己动起来的神器！不管你用什么语言，...
2021-11-28
jquery根据属性选择
有信仰的人不会孤独。——阿列克谢耶维奇 分享一个jquery选择器的小技巧 我们可以通过自定义属性键值选中一个元素 例如如下元素： 1<div ruben="vampire">阿超</div> 然后我们通过ruben=vampire选中这个div 就可以如下写法： 1let vampire = $('div[ruben="vampire"]') 我们可以简单测试一下输出里面的内容 12345<div ruben="vampire">阿超</div><script type="text/javascript"> let vampire = $('div[ruben="vampire"]') console.log("vampire: ", vampire.text());</script> 效果
2023-04-05
vuepress-theme-vdoing-doc
劝说常比强迫更为有效。——伊索 分享vuepress-theme-vdoing的文档站：vuepress-theme-vdoing-doc 官网：https://doc.xugaoyi.com/ GitHub：https://github.com/xugaoyi/vuepress-theme-vdoing-doc 运行： 1234git clone https://github.com/xugaoyi/vuepress-theme-vdoing-doc.gitcd vuepress-theme-vdoing-docnpm install # or yarn installnpm run dev # or yarn dev
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog