chakra-ui
发表于|更新于
|浏览量:
对人生命最大的威胁是以车代步，而不是交通事故。——怀特
分享一个很好看的react的UI组件库chakra-ui：
https://github.com/chakra-ui/chakra-ui
相关推荐
2022-03-17
vue scroll事件失效
那些听不见音乐的人认为那些跳舞的人疯了。——尼采。 这个坑，我遇到的时候，百度要么告诉我加高度，要么告诉我用document或者ref去获取节点 可我只想用@scroll事件，于是我在到处加@scroll，在组件上加@scroll.native，在组件里的div上加，在slot中加，然后又给它们挨个加高度，没一个好使，搞的我很头大 后面我突然发现，我给加的，好像并不是实际滚动的地方，那我明白了，首先我给引用组件放入slot中的div指定了样式： 1234.allow-scroll { height: 80vh; overflow-y: scroll;} 然后再给它绑定事件@scroll，此处如果该div下的元素高度超出了80vh，则会触发事件。。。这坑踩的，就离谱
2022-01-29
vue中props中值未监听
每段记忆都是零碎的，犹如残破的蛛丝，无声无息的藏在黑暗的角落里——桐华 我今天简短测试了一下： 编写一个组件，给它设置一个props属性user 这里给它一个默认值{ age: 21 } 12345678910111213141516<template> <div> <slot :user="user">默认内容</slot> </div></template><script>export default { props: { user: { type: Object, default: () => ({ age: 21 }) } }};</script> 然后我们在外部引用该组件并传入该props 编写一个方法来改变当前userInfo的值 123456789101112131415161718192021222324252627282930<templ...
2025-02-03
tiptap
暮冬时烤雪，迟夏写长信。——陈鸿宇 https://github.com/ueberdosis/tiptap/https://tiptap.dev/ 最近在做富文本编辑器的项目时，发现了 Tiptap，这是一个基于 ProseMirror 的现代化富文本编辑器框架。Tiptap 拥有高度的可扩展性、灵活的 API 和出色的跨平台支持，非常适合构建复杂的文本编辑体验。它在社区中有着很高的评价，并且已经在许多企业级项目中得到应用。 Tiptap 是什么？Tiptap 是一个为现代 Web 应用设计的富文本编辑器框架，采用模块化设计，允许开发者自由组合功能和插件。不同于传统的 WYSIWYG（所见即所得）编辑器，Tiptap 提供了更细粒度的内容控制能力，让开发者能够精确定义编辑器的行为和外观。 Tiptap 的核心依赖 ProseMirror，这是一个非常强大的文本编辑引擎。Tiptap 通过封装 ProseMirror 的复杂性，提供了更易用的开发接口，使得构建富文本编辑器变得更加简单高效。 Tiptap 的特点 模块化和可扩展性Tiptap 的插件系统使得开发者可以按需引...
2022-06-10
browserify
很奇怪，我们不屑与他人为伍，却害怕自己与众不同。——保罗·科埃略的《韦罗妮卡决定去死》 今天又来分享个好东西：https://browserify.org/ 这个玩意儿可以帮我们把npm下载的依赖，使用script标签引入： 先安装： 1pnpm install -g browserify 比如我们引入一个outils 1pnpm i outils 然后编写一个main.js 12345const outils = require('模块名')window.模块名 = 模块名// 例如const outils = require('outils')window.outils = outils 生成 123browserify main.js -o [文件名]# 例如browserify main.js -o bundle.js 然后我们引入这个js试试 1<script src="bundle.js"></script> 运行一下，可以看到我们能在控制台拿到，说明引入成功 有朋...
2025-06-19
远程控制billd-desk
我们应该使每一个学生在毕业时候，带走的不仅仅是一些知识和技能，最重要的是要带走渴求知识的火花，并使它终生不熄地燃烧下去。——苏霍姆林斯基 GitHub - galaxy-s10/billd-desk: 基于Vue3 + WebRTC + Nodejs + Electron搭建的远程桌面控制 Billd Desk：基于 Vue3 + WebRTC + Node.js + Electron 的开源远程桌面控制程序@galaxy-s10/billd-desk 是一个开源的、跨平台的远程桌面控制程序。它以现代前端技术栈为基础，结合 WebRTC 实时音视频通信技术和 Electron 桌面端跨平台能力，实现了远程桌面访问、远程操作等实用功能。适用于远程办公、远程协助、桌面共享等多种场景。 技术栈 Vue3：采用 Composition API 的现代前端框架，负责构建高性能响应式 UI。 WebRTC：点对点实时音视频流传输协议，实现高效的远程桌面画面流和控制指令传输。 Node.js：作为后端信令服务器，负责连接管理、房间分配、消息转发等核心逻辑。 Elect...
2023-04-30
iconify
赢得友谊要靠智慧，保持友谊要靠美德，这两者是同等重要的。——威佩因特 分享一个图标项目： https://iconify.design/ 包含150K+的开源icon github：https://github.com/iconify/iconify 非常的给力！