chakra-ui
发表于|更新于
|浏览量:
对人生命最大的威胁是以车代步，而不是交通事故。——怀特
分享一个很好看的react的UI组件库chakra-ui：
https://github.com/chakra-ui/chakra-ui
相关推荐
2022-09-09
metainfo.js
谁若想在困厄时得到援助，就应在平日待人以宽——萨迪 分享一个获取文件信息的js库MediaInfo.js 代码仓库： https://github.com/buzz/mediainfo.js 代码如下： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
2022-12-26
pug
人心只能赢得，不能靠人馈赠——叶芝 分享一个前端框架pug github地址：https://github.com/pugjs/pug 它可以以下面的方式编写html 12345678910111213141516doctype htmlhtml(lang="en") head title= pageTitle script(type='text/javascript'). if (foo) bar(1 + 5); body h1 Pug - node template engine #container.col if youAreUsingPug p You are amazing else p Get on it! p. Pug is a terse and simple templating language with a strong focus on performance and powerful fe...
2023-03-24
promisees
爱情是没有悲剧的。唯有缺乏爱情才有悲剧。——泰斯嘉 分享一个网站：https://bevacqua.github.io/promisees/ github：https://github.com/bevacqua/promisees 这个网站可以帮我们清晰地看到Promise的执行过程 非常的有趣和实用
2023-05-09
元素下方超出换列
根本不应该为取悦别人而使自己失敬于人——卢俊 我们有时候需要这种需求：元素高度超出后换到下一列 则可以使用column-count column-count可以指定最大列数 123456column-count: 3;column-count: auto;column-count: inherit;column-count: initial;column-count: unset; 简写属性：columns 12345678910111213141516/* Column width */columns: 18em;/* Column count */columns: auto;columns: 2;/* Both column width and count */columns: 2 auto;columns: auto 12em;columns: auto auto;/* Global values */columns: inherit;columns: initial;columns: unset; 例子： HTML12345<p class="c...
2022-12-31
unocss
忍把浮名，换了浅斟低唱。——柳永《鹤冲天》 分享一个css框架unocss 可以通过class规则，生成对应样式，例如通过m-1生成margin: 0.25rem 而且规则可以通过 https://uno.antfu.me/ 进行查询 除了预制规则，还可以自定义规则： 123rules: [ ['m-1', { margin: '0.25rem' }],] 即可生成 1.m-1 { margin: 0.25rem; } 还可以通过正则的方式 1234rules: [ [/^m-(\d+)$/, ([, d]) => ({ margin: `${d / 4}rem` })], [/^p-(\d+)$/, match => ({ padding: `${match[1] / 4}rem` })],] 使用起来 123456<div class="m-100"> &...
2024-05-12
zui
读书须求大义，不可缠绕于琐碎传注之间。——贺钦 分享一个禅道开源的 UI 库 ZUI https://github.com/easysoft/zui 官方文档： https://openzui.com/ ZUI 3 是一个全新的开源 UI 组件库，提供了丰富的实用组件，并提供自由的定制使用方式，不依赖任何 JavaScript 框架，可以在任何 Web 应用中通过原生的方式使用。 访问 ZUI 3 | ZUI 3 来提前预览组件库。 👉 如果你需要访问 ZUI 1，请访问 https://openzui.com/ ，ZUI 1 源码已经转移到 zui1 分支。 特性 🌸 丰富的 CSS 工具类：基于 Tailwind CSS 提供了丰富的 CSS 工具类，包括特别的语义化外观类名； 💠 强大的 JS 组件：基于 Preact 提供了大量 JavaScript 组件，每个组件提供了大量实用的功能选项； 💖 友好现代的界面：提供了经过精心设计的界面风格，所有组件交互经过反复优化和验证以提供最佳方式； 🌗 主题和深色模式：基于 CSS 变量的主题模式，快速生成主题，内置...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog