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.
README
你这个问题问得非常有价值——当 Environment 目录下面内容越来越多,确实会变得混乱,尤其是当“环境配置”跨度大(涉及工具、系统、部署、网络等)时,更难快速定位文章。 下面我来帮你优化 Environment 分类的组织方案,让你更容易找到内容,未来扩展也方便。 ✅ 一、你的当前问题是: “Environment”太大、太泛,内容散乱,难以定位文章。 🎯 二、优化目标是: 让内容结构清晰 按内容用途 or 工具类型分类 便于快速检索和归档 可扩展性强(未来增加更多配置内容不会打乱) ✅ 三、推荐的组织方案(按主题功能分组)123456789101112131415161718192021/Environment├── Tooling # 各种开发相关工具配置(如 VSCode、Zsh、OhMyPosh)│ ├── VSCode.md│ ├── iTerm2.md│ └── OhMyZsh.md├── Network # 网络相关(Tailscale、端口转发、VPN 配置等)│ ├── Tailscale.md│...
0327 第一次内网穿透
起因是想要配置一个远程方案让我可以使用平板操纵笔记本,用来写代码之类的,毕竟是 S10 Ultra 嘛~ 对于局域网内的的 Android 控制电脑(用于推Virtual Novel 甚至看电影都不错),Moonlight + Sunshine基地版(支持副屏)是非常不错的选择,颜色漂亮,帧率,操纵延时,都很好,分辨率也支持原生。 对于公网(远程操纵呢),之前尝试过 UU远程,其实还算不错,但是不支持自定义分辨率以及 鼠标移动太难绷了。 所幸就尝试一下内网穿透吧,最开始的计划呢,是通过FRP(frps + frpc),或者 SSH Tunnel进行内网穿透,但是后来和朋友合租了一个服务器(带宽大很多)于是决定使用 Headscale (Tailscale)。 服务器购买的是北京 1c0.5g, 220一年 感谢文档以及 GPT,吾辈大概搞懂了是一个什么东西,不得不说,这个设计确实是非常漂亮的,将大家的设备放到一个虚拟局域网里面。 这篇Blog也写得很好 吾辈的设备算是正常配置好了内网穿透,虽然因为 Tailscale 和 Clash 会在 没有root的设备上冲突,不过人...
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 = Array...
机械革命-控制台-失效-重装
机械革命 - 控制台 - 失效 - 重装 步骤 重要 别的问题 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: ht...
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:更新依赖到最新版本。
AI 绘图 Base Model
1. 常见的 Base Models(基础模型) 最常见 其他 Stable Diffusion v1 系列 Stable Diffusion v2 系列 Anything Model Anime Models Such as Waifu Diffusion Dreamlike Diffusion Other Specialized Models 2. 不同 Base Model 的 LoRA 混用 兼容性 解决方案 最佳实践 LoRA 的公用条件: 如何提高 LoRA 通用性: 总结: 1. 常见的 Base Models(基础模型)最常见关于 AI 绘图的 Base Model,常见的几种确实有 Pony SD 1.5、SDXL 1.0 和 Illustrious。下面是它们的一些特性简介: Pony SD 1.5这是一个基于 Stable Diffusion 构建的模型,主要用于生成卡通风格的图像,特别是针对“Pony”类型的作品,像是马赛克风格或者拟人化的动物角色。它优化了颜色的鲜艳度和细节,使得生成的图像在卡通类作品中更加生动和富有表现力。 SDXL...
AI 绘图 基础
基础关键词 1. CFG Scale(Classifier-Free Guidance Scale) 2. Sampling Method(采样方法) 3. Noise Strength(降噪强度) 4. Clip Guidance(CLIP 指导) 如何调整? LyCORIS 和 lora 模型是一种嘛? 1. LoRA(Low-Rank Adaptation) ✅ 特点 🔧 工作原理 ⚡ 适用场景 2. LyCORIS(Lora beYond Conventional methods, Rethinking Image Super-resolution) ✅ 特点 🔧 LyCORIS 的主要变种 3. LoRA vs LyCORIS 总结 4. 什么时候用 LoRA?什么时候用 LyCORIS? 基础关键词在 Stable Diffusion 及其衍生模型(如 Automatic1111 的 WebUI)中,Guidance 主要指的是 CFG Scale(Classifier-Free Guidance Scale),它控制 AI 对 Prompt(...