avatar
文章
2272
标签
36
分类
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-01
js让光标选择节点中部分文本
我走得很慢,但我从不后退。——林肯 如题,代码: 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title></head><body> <div id="container">ruben</div> <button>r</button> <button>u</button> <button>b</button> <button>e</button> <button>n</button> &...
2021-06-21
wangEditor接入阿里云OSS
我唯一知道的就是自己无知。——苏格拉底最有学问和最有见识的人总是很谨慎的——卢梭 我们昨天接入了wangEditor富文本编辑器 今天我们试着将阿里云OSS集成进wangEditor 首先我们先使用vue在页面渲染结束后调用初始化wangEditor 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>OSS上传Demo</title> <link href="/css/elementUI.css" rel="stylesheet"> <script src="/js/jquery-3.5.1....
2022-07-08
escape、unescape废弃
爱所有人,信任少数人,不负任何人。——莎士比亚 今天看到这个API废弃了,提示使用 encodeURI 或 encodeURIComponent 代替。 但是貌似有部分符号并没有转义成功 最后在示例看到了解决办法 123456789101112131415161718192021222324252627282930var fileName = 'my file(2).txt';var header = "Content-Disposition: attachment; filename*=UTF-8''" + encodeRFC5987ValueChars(fileName);console.log(header);// 输出 "Content-Disposition: attachment; filename*=UTF-8''my%20file%282%29.txt"function encodeRFC5987ValueChars (str) &#...
2021-09-22
判断是否为数字
要知道对好事的称颂过于夸大,也会招来人们的反感轻蔑和嫉妒。——培根 JavaScript有一个函数isNaN NaN表示的是NOT A NUMBER(不是一个数字) 所以我们判断一个变量是否为数字,或者改字符串是否能转换成数字,就可以使用isNaN函数然后取反
2022-04-04
vercel
请给我勇气和欢愉,我要攀登这一天的顶峰。——博尔赫斯 vercel可以快速开发前端网站然后一键部署 网址:https://vercel.com/ 进来后我们登陆了可以看到控制台,创建一个应用 我这里选择一个nuxt.js的模板,点击create 我们的代码就已经自动clone到我们的github仓库中了 此时开始了自动部署 在一阵烟花特效后,点击Go to Dashboard可以回到控制台 进入我们的应用 点击visit即可访问 完成
2025-05-02
vue-awesome-paginate
尽量在舒适的情况下工作。记住,身体的紧张会制造肩痛和精神疲劳。 —— 卡耐基 https://github.com/peshanghiwa/vue-awesome-paginate vue-awesome-paginate:Vue.js 3 的强大分页解决方案在 Web 应用开发中,分页是一个常见的功能,尤其是在处理大数据集时。vue-awesome-paginate 是一个专为 Vue.js 3 打造的分页库,它以简单、高效和灵活的特点,帮助开发者快速实现分页功能。 什么是 vue-awesome-paginate?vue-awesome-paginate 是一个开源库,旨在为 Vue.js 3 应用提供强大的分页解决方案。它具有高度的可定制性,支持多种分页样式,并且易于与现有项目集成。 核心特点: 简洁的 API:快速上手,减少开发时间。 高度可定制:支持样式和行为的全面定制。 轻量级:库体积小,性能优异。 Vue 3 支持:专为 Vue.js 3 设计,充分利用其功能特性。 使用场景vue-awesome-paginate 适用于以下场景: 数据表格分页在数据密...
avatar
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
文章
2272
标签
36
分类
0
Follow Me
公告
This is my Blog
最新文章
omarchy2026-08-17
cordis2026-08-16
soybean-admin2026-08-15
ppt-master2026-08-14
diagram-design2026-08-13
© 2025 - 2026 By 阿超框架 Hexo 8.1.1|主题 Butterfly 5.5.4
搜索
数据加载中