TailwindCss
发表于|更新于
|浏览量:
懒惰象生锈一样，比操劳更能消耗身体；经常用的钥匙，总是亮闪闪的。——富兰克林
分享一个CSS框架，内置了很多css样式：
使用方式：
https://www.tailwindcss.cn/docs/installation
注意其不支持IE浏览器
仓库地址：https://github.com/tailwindlabs/tailwindcss
甚至你可以直接在Playground中进行尝试：
相关推荐
2021-05-26
百度地图简单对接
地位越高，自我评价就越高，自信心多强，能力就有多强。我们总能表现出与环境的和谐平等。——赫兹里特 效果如下 跟着官网一步一步来即可 申请成为开发者 然后在应用管理里创建应用 填写信息 点击复制AK 然后复制代码 123456789101112131415161718192021222324252627<!DOCTYPE html> <html><head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Hello, World</title> <style type="text/css"> html{height:10...
2022-02-19
fabric photo
这是一个流行离开的世界，但是我们都不擅长告别。——《生活在别处》 今天分享一个fabric photo，它是一个基于 canvas 的纯前端的图片编辑器，支持方形，圆形，箭头，缩放，拖拽，鹰眼，马赛克，涂鸦，线条，导出 png，剪切等 github地址：https://github.com/ximing/fabric-photo 在线体验Demo：https://ximing.github.io/fabric-photo/ 找了很多个，这个应该是很好用的了 并且协议为MIT，支持商用
2021-09-25
vue深度作用选择器
勤劳一日，可得一夜安眠；勤劳一生，可得幸福长眠。——达•芬奇（意大利） 我们首先在HX中创建vue项目 跟着我之前写的博客简单配置一下路由 今天简单聊聊vue中css的作用域 我们知道vue中的style标签带scoped属性时，它的CSS只作用于当前组件中的元素 例如我这里的HelloWorld组件 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061<template> <div class="hello"> <div class="hello-ruben"> <h1>{{ msg }}</h1> <p> For a guide and recipes on how to configure / customize this proj...
2025-05-26
vue-ueditor-wrap
会当凌绝顶，一览众山小。 —— 杜 甫《望岳》 https://github.com/haochuan9421/vue-ueditor-wrap vue-ueditor-wrap：轻松集成 UEditor 到 Vue 项目在 Web 开发中，富文本编辑器是许多应用的重要组成部分，尤其是在博客系统、内容管理平台（CMS）等场景中。作为经典的富文本编辑器，UEditor 功能强大，但在现代前端框架（如 Vue）中使用时可能略显复杂。 今天我们来介绍 vue-ueditor-wrap，一个基于 Vue 的封装组件，旨在让开发者轻松将 UEditor 集成到 Vue 项目中。 什么是 vue-ueditor-wrap？vue-ueditor-wrap 是一个 UEditor 的 Vue 封装组件，提供了简洁的 API 和灵活的配置选项。它解决了原生 UEditor 在 Vue 项目中的集成难题，让开发者无需处理复杂的初始化逻辑。 主要功能 快速集成：通过简单的配置，即可将 UEditor 嵌入 Vue 项目。 支持双向绑定：轻松实现 Vue 的 v-model 与 UEditor...
2021-07-15
自定义鼠标
无息乌乎生，无绝乌乎续，无无乌乎有？ ——明·宋应星《谈天·日说三》 我们可以使用CSS中的 1cursor: url(https://VampireAchao.github.io/imgs/mouse1.cur),auto; 去自定义我们的鼠标图片 这里后面的auto是如果前面鼠标图片失效时的备选方案 我们也可以改成default、pointer等等 甚至可以多个并存 1cursor: url(https://VampireAchao.github.io/imgs/mouse1.cur),url(https://VampireAchao.github.io/imgs/mouse2.cur),auto; 效果如下
2024-09-08
PhaserJS网页2D游戏引擎
教育不可缺的是天性与训练。人必须趁年轻就开始学习。——普罗达哥拉斯 项目介绍 PhaserJS 是一个开源的 2D 游戏引擎，使用 HTML5 和 JavaScript 构建。它功能强大且灵活，广泛应用于网页游戏和移动游戏开发。PhaserJS 提供了丰富的 API 来支持图形渲染、物理引擎、动画、声音处理等常见的游戏开发功能，使开发者能够轻松创建跨平台的 2D 游戏。 PhaserJS 的主要特点： 丰富的图形和动画支持：提供 Sprite、Tilemap、Particle 等多种图形元素支持，方便实现复杂的游戏画面。 强大的物理引擎：内置多种物理引擎，包括 Arcade Physics 和 Matter.js，支持游戏物体的碰撞、重力等物理效果。 跨平台：PhaserJS 支持在浏览器、移动设备等多种平台上运行，适用于开发基于 Web 的跨平台游戏。 易用的 API：PhaserJS 提供了清晰、易用的 API，使得游戏开发流程更加顺畅和直观。 官方文档、GitHub地址 官方网站：PhaserJS Documentation GitHub 仓库：phase...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog