avatar
文章
2142
标签
34
分类
0
首頁
目录
标签
友鏈
关于
Logo阿超chakra-ui 返回首页
搜索
首頁
目录
标签
友鏈
关于

chakra-ui

发表于2024-01-14|更新于2026-02-24
|浏览量:

对人生命最大的威胁是以车代步,而不是交通事故。——怀特

分享一个很好看的react的UI组件库chakra-ui:

https://chakra-ui.com/

https://github.com/chakra-ui/chakra-ui

前端
上一篇
纯css实现炫酷头像效果
官僚作风是一门使可能变成不可能的艺术。——萨尔塞多 分享一个炫酷头像效果: 从b站渡一教育的一个视频看到的(不是推广,只是注明出处) 123456789101112131415161718192021222324252627282930313233343536373839<style> img { --s: 280px; --c1: #c02942; --c2: #ecd078; --b: 5px; --f: 1; --bgOption: content-box no-repeat center/ calc(100% / var(--f)) 100%; --shrink: calc((var(--s) / var(--f) - var(--s)) / 2 - var(--b)); width: var(--s); height: var(--s); cursor: pointer; transition: 0.5s; padding-top: 100px; outline: ...
下一篇
AtomicReference新jdk特性
对人生命最大的威胁是以车代步,而不是交通事故。——怀特 对应的单元测试: 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818...
相关推荐
2022-07-17
vue3中css里的v-bind
一旦别人问起自己想要什么,那一刹那反倒什么都不想要了。——太宰治 官方文档:状态驱动的动态 CSS 编写一个组件: 123456789101112131415161718192021222324252627<template> <div class="ruben"> <p>You clicked {{ count }} times</p> <button @click="increment">Click me</button> </div></template><script>export default { data() { return { count: 1 } }, methods: { increment...
2024-07-24
js日期库moment
健全的身体比金子还珍贵,强壮的体魄比享用不尽的财富还有价值。——佚名 https://github.com/moment/moment 用于解析、验证、操作和格式化日期的 JavaScript 日期库。 文档: Moment.js | Docs 使用非常简单 1npm install moment 12var moment = require('moment'); // requiremoment().format(); 或者 12import moment from 'moment';moment().format(); 解析时间 1var day = moment("1995-12-25"); 格式化时间: 1moment("12-25-1995", "MM-DD-YYYY");
2022-12-29
html字符转码表
孤独一人也没关系,只要能发自内心地爱着一个人,人生就会有救。哪怕不能和他生活在一起。——《1Q84》 链接:https://html.spec.whatwg.org/multipage/named-characters.html 我们打开发现可能有点重叠,导致看不清… 我们将不换行的css去掉即可 然后就能看清啦
2022-06-17
在vue中使用jsx
一个人追求的目标越高,他的才能就发展得越快,对社会就越有益,我确信这也是一个真理。——玛克西姆·高尔基 首先是官方文档 vue2的:https://cn.vuejs.org/v2/guide/render-function.html#JSX vue3的:https://v3.cn.vuejs.org/guide/render-function.html#jsx 我们这里以vue2举例: 先使用render函数写一个最简单的jsx组件 12345678910<script>export default { render() { return <div>Hello World</div> }}</script><style></style> 注意此处不能有template标签,其他的该咋用就咋用 还有的区别在这个链接里:https://github.com/vuejs/jsx#installation 如果有react的基础,上手这个就很容易...
2024-09-13
下一代测试框架Vitest
仅次于选择益友,就是选择好书。——考尔德 今天分享一个前端的测试框架Vitest 号称是下一代测试框架 github: https://github.com/vitest-dev/vitest 官方文档: https://cn.vitest.dev/ 这里有个直观的在线例子: https://vitest.new/ 你可以看到比如这里在basic.ts定义了一个squared函数 1export const squared = (n: number) => n * n 然后对应的单元测试: 123456import { squared } from '../src/basic.js'test('Squared', () => { expect(squared(2)).toBe(4) expect(squared(12)).toBe(144)}) 其他代码还有 123456789101112131415161718192021222324252627import { a...
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"> ...
avatar
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
文章
2142
标签
34
分类
0
Follow Me
公告
This is my Blog
最新文章
personaplex2026-04-09
gallery2026-04-08
openscreen2026-04-07
oh-my-codex2026-04-06
mlx-vlm2026-04-05
© 2025 - 2026 By 阿超框架 Hexo 8.1.1|主题 Butterfly 5.5.4
搜索
数据加载中