TailwindCss
发表于|更新于
|浏览量:
懒惰象生锈一样，比操劳更能消耗身体；经常用的钥匙，总是亮闪闪的。——富兰克林
分享一个CSS框架，内置了很多css样式：
使用方式：
https://www.tailwindcss.cn/docs/installation
注意其不支持IE浏览器
仓库地址：https://github.com/tailwindlabs/tailwindcss
甚至你可以直接在Playground中进行尝试：
相关推荐
2025-05-31
remix
精诚所加，金石为开。——《后汉书·光武十王列传》 https://remix.run/ https://github.com/remix-run/remix Remix：现代化的全栈 Web 框架随着 Web 开发技术的不断演进，开发者对框架的要求不仅局限于前端性能的优化，还包括后端数据处理、SEO 支持以及高效的开发体验。为了解决这些需求，Remix 应运而生。 Remix 是一个现代化的全栈 Web 框架，专注于提供最佳的开发者体验和用户体验。它以渐进增强的理念为核心，帮助开发者构建快速、可交互性强、并且易于扩展的 Web 应用。 什么是 Remix？Remix 是一个开源的全栈 Web 框架，致力于优化应用的性能和开发体验。它允许开发者同时处理客户端和服务端逻辑，使得应用的交互性和性能达到最佳状态。 Remix 的核心优势包括： 服务端渲染（SSR）：通过服务端渲染提高初次加载速度和 SEO 表现。 渐进增强：支持现代浏览器功能，同时为低性能设备提供良好体验。 路由驱动开发：基于文件系统的路由，让开发者专注于功能实现。 数据加载优化：支持服务端数据加载和缓存机制，减...
2021-12-14
nvue获取节点信息
我们生活在阴沟里，但依然有人仰望星空。——王尔德 在nvue中我们获取节点信息就需要如下写法： 123456789101112131415161718192021222324252627282930313233<template> <view ref="list-parent" class="ruben"> <list> <cell><view>阿超</view></cell> </list> </view></template><script>const dom = weex.requireModule('dom');export default { data() { return { index: 1 }; }, mounted() { console.log('mounted'); dom...
2022-10-31
display:block小技巧
成功之道，在于你为获得成功所做出的积极努力，而不在于预先就衡量这种成功的价值——哈里特 分享一个小技巧 display:block 可以将style标签可见 例如： 12345678910111213<body> <style contenteditable style="display: block;white-space: pre"> * { transition: all 0.2s } html { background: #ff00ff; font-size: 16px } </style></body> 因为我们这里给了contenteditable 所以可以直接在页面上编辑 试试吧 * { transition: all 0.2s } html { ...
2022-01-28
vue中新增属性视图问题
计利当计天下利，求名应求万世名——于右任 我们在进行vue前端开发的时候，可能会遇到这种情况： 首先我们此处双向绑定了一个变量中的属性 12345<template> <div> <div>{{ myObject.newProperty }}</div> </div></template> 然后下面的data只有该对象变量，并无此属性 12345678<script>export default { data() { return { myObject: {} }; }</script> 此时我们调用一个方法，给它的新增变量赋值 1this.myObject.newProperty = 'ruben'; 可以看到外部是并未监听到，视图没有更新，导致我们页面没渲染上去该变量属性的值 此处我们当然可以使用vm.$forceUpdate去强制更...
2023-06-02
input+type=file同时支持文件和文件夹
1没有知识的旅游者是一只没有翅膀的鸟。——萨阿迪 使用的dropzone库，你可以将任意类型的文件拖拽进去上传，如果是目录，则会获取目录内的文件 https://github.com/dropzone/dropzone 代码如下： 1234567891011121314151617181920<link rel="stylesheet" href="https://unpkg.com/dropzone@5/dist/min/dropzone.min.css" type="text/css"/><script src="https://unpkg.com/dropzone@5/dist/min/dropzone.min.js"></script><div class="my-dropzone dz-clickable" style=" display: block; width: 100px; heigh...
2020-08-30
新版vue项目的创建
下载nodejs 然后一直下一步安装就行 打开vscode 点击左下角的 点击终端 （Win+R输入cmd或者powershell一样的） 然后开始安装vue 1234567891011121314151617181920212223242526#查看版本(如果nodejs安装完了还是显示不是内部或外部命令，也不是可运行的程序或批处理文件，重新打开一下vscode或命令框)PS C:\Users\1> npm -v6.14.5#安装cnpmPS C:\Users\1> npm install -g cnpm --registry=https://registry.npm.taobao.org#查看cnpm版本PS C:\Users\1> cnpm -vcnpm@6.1.1 (C:\Users\1\AppData\Roaming\npm\node_modules\cnpm\lib\parse_argv.js)npm@6.14.5 (C:\Users\1\AppData\Roaming\npm\node_modules\cnpm\node_modules\npm\...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog