chakra-ui
发表于|更新于
|浏览量:
对人生命最大的威胁是以车代步，而不是交通事故。——怀特
分享一个很好看的react的UI组件库chakra-ui：
https://github.com/chakra-ui/chakra-ui
相关推荐
2025-02-16
animejs
万人都要将火熄灭，我一人独将此火高高举起。——海子 https://github.com/juliangarnier/anime https://animejs.com/ Anime.js：为网页动画注入生命 在现代网页开发中，动画不再仅仅是装饰性的元素，而是增强用户体验、提升交互性的关键部分。Anime.js，一个轻量级的 JavaScript 动画库，提供了一个易于使用的接口来创建复杂的动画效果。它不仅让开发者能够轻松制作视觉冲击力强的动画，还能确保这些动画在各大浏览器中的兼容性，完美融合到现代网页设计中。 什么是 Anime.js？Anime.js 是一个功能强大的 JavaScript 动画库，它能够为 HTML、CSS、SVG、JavaScript 对象等提供平滑、流畅的动画效果。不同于许多其他动画库，Anime.js 不仅支持基本的动画（如平移、旋转、缩放等），还支持更为复杂的时间线和属性控制，让动画的表现更加生动和灵活。 特性和优势 多种动画支持：Anime.js 不仅可以控制 DOM 元素的 CSS 属性，还可以操作 SVG 属性、JavaScript 对象的...
2022-05-23
mac鱼眼效果
人不能象走兽那样活着，应该追求知识和美德。——但丁 上代码，上效果： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263<!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"> <title>Document</title> <style ...
2024-11-06
typescript-exercises（十一）
人只有在人们中间才能认识自己。——歌德 题目： 1234declare module 'str-utils' { // export const ... // export function ...} 报错： 123456index.ts(2,5): error TS2305: Module '"str-utils"' has no exported member 'strReverse'.index.ts(3,5): error TS2305: Module '"str-utils"' has no exported member 'strToLower'.index.ts(4,5): error TS2305: Module '"str-utils"' has no exported member 'strToUpper'.index.ts(...
2022-02-16
react快速上手
一个人能否有成就，只看他是否具备自尊心与自信心两个条件。——苏格拉底 今天想简单玩玩React，我们打开React官方文档： https://react.docschina.org/ 点击入门教程 通过简单的介绍后，我们开始代码编写 打开提供的在线初始代码(我们之后再搭建本地开发环境来完成这个游戏，今天暂时只做一个简单入门)： https://codepen.io/gaearon/pen/oWWQNa?editors=0010 打开codepen提供的在线编辑器，看到初始代码后，我们可以开始尝试编写 注意看文档，这里三个React组件Square正方形、Board画板以及Game游戏 看到代码中的结构为主入口： 123456// ========================================ReactDOM.render( <Game />, document.getElementById('root')); 其中通过root这个id绑定了一个节点，包含了一个Game组件 123456789101112131415cl...
2022-08-07
拖动滑块验证
有事情是要说出来的，不要等着对方去领悟，因为对方不是你，不知道你想要什么，等到最后只能是伤心和失望。尤其是感情。——《麦兜》 效果： 源码： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...
2022-06-21
ts装饰器(注解)
书，能保持我们的童心；书能保持我们的青春。——严文井 官方文档：https://www.typescriptlang.org/docs/handbook/decorators.html 这个东西在java里叫注解，不过在ts中，一个装饰器对应一个方法 首先执行命令： 1tsc --target ES5 --experimentalDecorators 然后配置一下tsconfig.json就可以使用了 123456{ "compilerOptions": { "target": "ES5", "experimentalDecorators": true }} 首先我们定义一个class 1234class User { private id: Number | undefined; private name: string | undefined;} 我们编写一个装饰器对应的逻辑，实现ja...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog