Vue 组件动态参数
动态属性1<MyCarousel v-bind="shouldAutoplay ? { autoplayInterval: 3000 } : {}" /> 组合多个条件对象时,… 就会有用: 123456<MyCarousel v-bind="{ ...baseProps, ...(shouldAutoplay ? { autoplayInterval: 3000 } : {}), ...(showArrows ? { showArrows: true } : {})}" /> 动态 Style123456789101112<template> <div :style="{ width: widthValue }" class="your-other-classes"> <...
Github Actions
https://docs.github.com/actions/quickstart
Github-notifier
github-telegram-notifierhttps://github.com/marketplace/actions/github-telegram-notifier https://github.com/EverythingSuckz/github-telegram-notify 流程: 1
Vue-工具
use-gesturehttps://github.com/pmndrs/use-gesturehttps://use-gesture.netlify.app/
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.
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 ...