Vue-自制组件
侧边栏你真的会写侧边栏收起动画吗? https://www.cnblogs.com/evesama/p/18113089 Figma 动画: 【Figma动效】超丝滑的APP侧边栏弹性动画 https://www.bilibili.com/video/BV1WV4y1H7nE/?share_source=copy_web&vd_source=73ff19f791037fa3c29018757767f2f9
Vue-css
还记得 当初 react 要处理动态CSS依赖于别的库 https://emotion.sh/docs/introduction , vue 在这方面就方便得多。 那么,一些别的处理呢,比如 主题化: https://vuetiful.dev/docs/getting-started 常用的库: unocsshttps://github.com/unocss/unocsshttps://unocss.dev/ https://unocss.dev/integrations/vscode https://unocss.dev/guide/ WindicssTailwindcss冲突解决方案:https://tailwindcss.com/docs/configuration/#prefix Animation@vueuse/motion基础库: normalizehttps://github.com/necolas/normalize.css
Vue Component Lib
primevuehttps://primevue.org/https://volt.primevue.org/ vuetifyjshttps://vuetifyjs.com/en/ Quasarhttps://quasar.dev/ 很好上手的一个框架,提供了大量脚手架,但是不得不承认,有些方面确实做的太过了,比如 和 Tailwind的CSS冲突以及对 h1-h6 应用默认高优先级CSS都让人比较反感 naiveuihttps://www.naiveui.com/zh-CN/os-theme 可爱的组件库呐 Radix Vuehttps://www.radix-vue.com/ Tailwind 组件库tailgridshttps://tailgrids.com/docs daisyuihttps://daisyui.com/ headlessuihttps://headlessui.com/ 吾辈并不喜欢的一个组件库QWQ, primevue 也有 Unstyled Mode.
Environment-README
你这个问题问得非常有价值——当 Environment 目录下面内容越来越多,确实会变得混乱,尤其是当“环境配置”跨度大(涉及工具、系统、部署、网络等)时,更难快速定位文章。 下面我来帮你优化 Environment 分类的组织方案,让你更容易找到内容,未来扩展也方便。 ✅ 一、你的当前问题是: “Environment”太大、太泛,内容散乱,难以定位文章。 🎯 二、优化目标是: 让内容结构清晰 按内容用途 or 工具类型分类 便于快速检索和归档 可扩展性强(未来增加更多配置内容不会打乱) ✅ 三、推荐的组织方案(按主题功能分组)123456789101112131415161718192021/Environment├── Tooling # 各种开发相关工具配置(如 VSCode、Zsh、OhMyPosh)│ ├── VSCode.md│ ├── iTerm2.md│ └── OhMyZsh.md├── Network # 网络相关(Tailscale、端口转发、VPN 配置等)│ ├──...
0327 第一次内网穿透
起因是想要配置一个远程方案让我可以使用平板操纵笔记本,用来写代码之类的,毕竟是 S10 Ultra 嘛~ 对于局域网内的的 Android 控制电脑(用于推Virtual Novel 甚至看电影都不错),Moonlight + Sunshine基地版(支持副屏)是非常不错的选择,颜色漂亮,帧率,操纵延时,都很好,分辨率也支持原生。 对于公网(远程操纵呢),之前尝试过 UU远程,其实还算不错,但是不支持自定义分辨率以及 鼠标移动太难绷了。 所幸就尝试一下内网穿透吧,最开始的计划呢,是通过FRP(frps + frpc),或者 SSH Tunnel进行内网穿透,但是后来和朋友合租了一个服务器(带宽大很多)于是决定使用 Headscale (Tailscale)。 服务器购买的是北京 1c0.5g, 220一年 感谢文档以及 GPT,吾辈大概搞懂了是一个什么东西,不得不说,这个设计确实是非常漂亮的,将大家的设备放到一个虚拟局域网里面。 这篇Blog也写得很好 吾辈的设备算是正常配置好了内网穿透,虽然因为 Tailscale 和 Clash 会在...
Vue 组件动画效果
You:有没有什么库可以实现组件变幻 的动画效果比如淡入淡出 ChatGPT:当然有!如果你想要在 Vue 项目中实现组件的淡入淡出、滑动、缩放等动画过渡效果,有几个非常推荐的方式或库可以实现,简单又漂亮👇 ✅ 方式一:Vue 内建 <Transition>(最简)Vue 自带的 <Transition> 组件就支持基本动画,比如淡入淡出: 1234567891011121314151617181920<template> <button @click="show = !show">切换</button> <Transition name="fade"> <div v-if="show" class="p-4 bg-blue-200">Hello</div> </Transition></template><script setup>import...
useClass 封装:组合描述类和动态类
太好了!以下是一个通用且实用的 useClass 组合函数,它可以帮你把“描述类”和“动画类/状态类”清晰分开管理,并在模板中优雅地使用。 ✅ useClass 封装:组合描述类和动态类123456789101112131415161718// composables/useClass.jsimport { computed } from "vue";/** * @param baseClass 静态基础类(字符串或字符串数组) * @param dynamicClasses 动态类对象 { 'class-name': true/false } * @returns Computed ref of full class string */export function useClass(baseClass, dynamicClasses = {}) { return computed(() => { const base =...
机械革命-控制台-失效-重装
机械革命 - 控制台 - 失效 - 重装 步骤 重要 别的问题 Clash Verge Service mod 导致 机械革命 控制台失效 机械革命 - 控制台 - 失效 - 重装Date: January 26, 2025 10:31 PM (GMT+8)Published: No 步骤 卸载/重装 卸载 → IObitUninstaller(扫描卸载残留/顽固文件清理) + AdvancedSystemCare → 重装 卸载 → 上一步 → 重置系统,修复重装(软件,配置保留) 重装,最后方案是卸载,完全卸载,找全喽,然后关机,然后重装,然后装之前载入注册表,然后不要自动重启 AdvancedSystemCare 或者使用 CCCleaner,用来清理注册表,必须进行操作 重要 似乎就是和 clash 的 tun 模式有关,一启动 tun 就会坏》 计算机管理-设备管理器-ACPIDriver - 删除设备,删除驱动 然后这样,开机一个多小时之后,又会莫名其妙的好了QWQ 就是莫名其妙的崩溃,莫名其妙的修复 和 Clash...
Rust Command Pitfall - npm
when you code, meet this error 123456789error: failed to run custom build command for `` Caused by: process didn't exit successfully: `..\build-script-build` (exit code: 101) --- stderr thread 'main' panicked at build.rs:8:10: Failed to run pnpm build: Error { kind: NotFound, message: "program not found" } note: run with `RUST_BACKTRACE=1` environment variable to display a backtrace The reason is explained clearly by this blog:...
rust cargo
在 Rust 中,类似于 npm 的工具是 Cargo,它是 Rust 的包管理器和构建工具。 命令详解安装依赖Rust 使用 Cargo.toml 文件来管理依赖项。cargo build 是类似于 npm install 的方法:它将会这会下载并编译所有依赖项 进而生成可执行文件 如果你从一个已有的项目中拉取代码(例如带有 Cargo.toml 文件),可以直接运行: 1cargo build 或者: 1cargo check cargo check 不会编译并生成可执行文件,所以效率会高很多 更新依赖如果需要更新依赖项到最新版本,可以运行: 1cargo update 运行项目类似于 npm start,你可以运行以下命令来构建并运行项目: 1cargo run 总结 cargo build:安装并编译依赖。 cargo run:运行项目(会自动安装依赖)。 cargo update:更新依赖到最新版本。