TailwindCss
发表于|更新于
|浏览量:
懒惰象生锈一样,比操劳更能消耗身体;经常用的钥匙,总是亮闪闪的。——富兰克林
分享一个CSS框架,内置了很多css样式:
使用方式:
https://www.tailwindcss.cn/docs/installation
注意其不支持IE浏览器
仓库地址:https://github.com/tailwindlabs/tailwindcss
甚至你可以直接在Playground中进行尝试:

相关推荐
2022-04-01
antdv动态表单组件
你已春色摇曳,我仍一身旧雪。——送花的人走了 分享一个自己写的antdv动态表单组件 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618...
2025-08-05
HollaEx Kit
穷则变,变则通,通则久。一一《周易》 HollaEx Kit:快速搭建你自己的加密货币交易所的开源利器!在数字资产和区块链时代,越来越多人渴望拥有属于自己的加密货币交易平台。但从零开发一套稳定、合规、用户体验好的交易系统,难度极高、投入巨大。如果你也有这个想法,HollaEx Kit 绝对值得了解:它是一套功能强大、成熟稳定的开源白标加密软件套件,让“自建交易所”变得前所未有的简单与高效! 什么是 HollaEx Kit?HollaEx Kit 是一款开源的白标加密货币软件套件,集成了从交易撮合、用户管理、钱包系统到前端 UI 的一站式解决方案。它支持快速搭建属于你的数字资产交易所,无论你是个人开发者还是企业运营者,都能以极低门槛拥有属于自己的交易平台。 完全开源:所有代码透明可查,灵活扩展,安全可控。 前后端分离:包含 Server(后端服务)和 Web(前端 UI),易于自定义和二次开发。 一键部署:内置强大的 CLI 工具,极简命令行即可完成部署和运维。 丰富生态:支持插件扩展、钱包管理、用户体系、行情与撮合等全套功能。 特色亮点 白标定制:企业、团队、个人...
2024-06-07
vue查看组件
人死像熟透的梨,离树而落,梨者,离也。——《活着》 最近在折腾 Vue.js,发现了一个挺有意思的东西,叫 Vue.options.components。先来个大概的解释,这货就是 Vue.js 用来存储全局组件的一个对象。每次你注册个全局组件,它就会乖乖地跑到 Vue.options.components 里去。 什么是 Vue.options.components?简单说,Vue.options.components 就是 Vue.js 全局组件的家。你每次用 Vue.component 注册个组件,它就会被扔进这个家里,然后你在任何地方都能用到它。感觉像是个全局变量,不过是专门为组件准备的。 全局注册组件先来个全局注册组件的例子吧,感觉这个比较好理解: 123Vue.component('my-component', { template: '<div>这是一个自定义组件!</div>'}); 这个时候,你可以通过 Vue.options.components 看到你刚才注册的组件:...
2022-06-23
overflow和动态计算高度
人们总会找到某种带头人,把他供奉起来,培养成伟人……暴君就是这么来的;暴君最初都是以保护者的形象出现的。——柏拉图,《理想国》 首先是MDN:https://developer.mozilla.org/zh-CN/docs/Web/CSS/overflow 其中对overflow进行了描述: CSS 属性 overflow 定义当一个元素的内容太大而无法适应 块级格式化上下文 时候该做什么。它是 overflow-x 和overflow-y的 简写属性 。 重点在这里: 为使 overflow 有效果,块级容器必须有一个指定的高度(height或者max-height)或者将white-space设置为nowrap。 那问题来了,我这里有一个折叠面板 我希望这里多个折叠面板每一项的头部都能显示在页面中,并且其子项能够适应屏幕高度和折叠情况变化 为了实现上面的效果,我们需要在每一个折叠面板子项中设置overflow-y:auto,然后给其设置height或者max-height 我们知道css中有个计算函数calc可以计算我们的高度,这里的卡片为了保证屏幕自适应,可...
2025-12-07
open-notebook
希望是生命的源泉。——亚里士多德 Open Notebook:更自由、更强大的“学习型笔记”开源实现想把读论文、看书、做研究的过程彻底“智能化”?把你的资料收集、摘要整理、跨文档检索、问题答复、思维导图和项目推进,统统接入一个“懂你”的学习型笔记系统?Open Notebook,就是这样一款面向个人与团队的开源项目:更自由、更可扩展的 Notebook LM 开源实现。 项目地址:lfnovo/open-notebook 官网主页:https://www.open-notebook.ai 项目描述:An Open Source implementation of Notebook LM with more flexibility and features 主语言:TypeScript License:MIT Stars:12,366+ Forks:1,261+ 主题标签:assistant learning note-taking notebook notes-app self-learning Open Notebook 的愿景,是把“学习”变成一个高效、可协...
2022-08-31
资源路径与blobUrl互转
害怕树敌的人永远得不到真正的朋友——哈兹里特 首先是普通资源URL转换为blobUrl 12345678910111213// 生成blobURLconst xhr = new XMLHttpRequest();xhr.open('GET', 'https://VampireAchao.github.io/imgs/preview/3356_3.jpg', true);xhr.responseType = 'blob';xhr.onload = function (e) { if (this.status == 200) { var blob = this.response; console.log(blob); // document.getElementById("myImg").src = URL.createObjectURL(blob); console.log(URL.createObjectURL(bl...

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog