TailwindCss
发表于|更新于
|浏览量:
懒惰象生锈一样，比操劳更能消耗身体；经常用的钥匙，总是亮闪闪的。——富兰克林
分享一个CSS框架，内置了很多css样式：
使用方式：
https://www.tailwindcss.cn/docs/installation
注意其不支持IE浏览器
仓库地址：https://github.com/tailwindlabs/tailwindcss
甚至你可以直接在Playground中进行尝试：
相关推荐
2024-12-27
vue开启https并局域网访问
如果不想在世界上虚度一生，那就学习一辈子。——高尔基 假设你在项目根目录下，新建一个 certs 文件夹，用于存放生成的证书： 123456789101112131415# 进入项目根目录cd your-vue-project# 新建一个存放证书的目录mkdir certscd certs# 1) 生成私钥 server.keyopenssl genrsa -out server.key 2048# 2) 生成证书签名请求 server.csr（过程中会要求填写一些信息，可直接回车）openssl req -new -key server.key -out server.csr# 3) 使用 server.key 自签 server.csr，生成自签名证书 server.crt，设定有效期 365 天openssl x509 -req -in server.csr -signkey server.key -out server.crt -days 365 执行完后，certs 目录下会有： server.key：私钥 server.crt：自签名证书 server...
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-08-26
fabricjs
没有比脚更长的路，没有比人更高的山。――汪国真《山高路远》 Fabric.js：浏览器里的 Canvas 超级引擎 —— 让前端图形开发极致自由在现代网页开发中，图形和可视化已成为用户体验的关键一环。无论是在线图片编辑、白板、流程图、交互动画，还是数据可视化，HTML5 Canvas 都是前端开发者的“画布”。但原生 Canvas API 虽强，却略显底层、开发门槛高。你是否想在浏览器里拥有类似 Photoshop、PowerPoint 的自由拖拽、变形、分组、交互体验？如果答案是 YES，那你不能错过 Fabric.js —— 这个让前端图形开发“飞起来”的开源超级引擎！ 一、项目简介Fabric.js 是一个功能强大的 Javascript Canvas 库，专为现代浏览器设计，能让开发者用极少代码实现复杂的图形对象创建、编辑、管理与交互。它不仅支持 Canvas 的全部绘图能力，还提供了对象化管理、序列化、事件监听、自由变形等高级功能，成为前端图形应用的“事实标准”。 项目地址：https://github.com/fabricjs/fabric.js 官网演示：h...
2026-03-12
register
今天应做的事没有做，明天再早也是耽误了。——裴斯泰洛齐 is-a.dev is-a.dev is a service that allows developers to get a sweet-looking .is-a.dev subdomain for their personal websites. 让你的个人站点，穿上一件“甜甜的”马甲：is-a.dev 的自我介绍如果域名会说话，那 is-a.dev 一定是那种一开口就让人觉得“哇，你好会取名”的角色。 它不想当一个高高在上的顶级域名，也不想当一个冷冰冰的 DNS 工具人——它更像一位热情的领路人，站在开发者的路口挥手： “嘿，开发者！来拿一个 sweet-looking 的 .is-a.dev 子域名吧，给你的个人网站一个更体面的门牌号。” 而这句自我介绍，正是它在仓库的 description 里写下的承诺： Grab your own sweet-looking ‘.is-a.dev’ subdomain. 它说到做到，而且把整个流程摊开在 GitH...
2023-06-07
image-conversion
失之毫厘，差之千里。——佚名 分享一个js图像库： https://github.com/WangYuLue/image-conversion Install12345npm i image-conversion --save# or yarn add image-conversion Include the libraryin browser: 1<script src="https://cdn.jsdelivr.net/gh/WangYuLue/image-conversion/build/conversion.js"></script> in CommonJS: 1const imageConversion = require("image-conversion"); in ES6: 1import * as imageConversion from 'image-conversion'; or 1import {compress, compressAccurat...
2021-09-16
vue深度监听
放纵自己的欲望是最大的祸害；谈论别人的隐私是最大的罪恶；不知自己的过失是最大的病痛——亚里士多德 我们有时使用vue的watch，可能要对一个对象的多个属性进行监听 这样我们就可以使用深度监听 123456789101112131415161718192021222324252627282930313233343536<template> <view> </view></template><script>// 11位手机号码正则const REGEXP_TEL = /^((1[3,5,8,7,9,6][0-9])|(14[5,7])|(17[0,6,7,8])|(19[7]))\d{8}$/;export default { data() { return { // 表单数据存储 formData: { username: '', password: '' }...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog