0329 周末总结
3/28 折腾从 4点30 之后,似乎就一直在折腾,四个小时的时间,研究线的工作原理总不能花了4个小时吧?但却是也没有再干别的什么有意义的事情了?非常奇怪QAQ。甚至刷视频之类的都没有进行。 确实是欸,从5点开始在京东找线,到 5.40 从B站学习 typec 原理,到 6.30 还被困在同一个事情里面,中间又是一个小时,完全不知道自己在干什么,可能是研究 数字信号和模拟信号(01,和波),然后就是7点之后,研究了一下 blog 和树状结构评论的查询。欸,所以不要购物,太耽误时间了
ChatGPT-静态资源本地在线切换
静态资源本地在线切换You:web 开发如何设置,引用的静态资源 可以在 build 的时候选择使用本地的或者在线的 ChatGPT:在 Web 开发中,你可以通过 环境变量 或 构建配置 来控制静态资源(如 JS、CSS、图片)是在 build 时使用本地文件,还是引用 CDN(在线资源)。这是一个常见的需求,特别是为了适应开发环境和生产环境的不同需求。 💡 常见场景 开发环境(dev):使用本地静态资源,方便调试。 生产环境(prod):使用 CDN,减少服务器压力,提高加载速度。 ✅ 通用做法一:用环境变量区分资源路径 设置环境变量 例如在 .env 文件中: 12345# .env.developmentVITE_ASSET_SOURCE=local# .env.productionVITE_ASSET_SOURCE=cdn 代码中使用条件判断 假设你使用的是 Vite(React / Vue / Svelte 等都可以适配): 1234const useCDN =...
iconLib
ICON Lib 静态·未分类 🥇 1. Phosphor Icons 🥈 2. Material Symbols / Material Icons 🥉 3. Iconoir 🧢 4. Lucide 🎯 5. Tabler Icons 总结比较表: 内置动画的图标库 boxicons Lordicon Remix Icon + CSS 动画 Phosphor Icons 4. IconScout Animated Icons 设计图标库 🧩 补充:如何给普通图标加动画? 🎯 总结推荐: FontAwesome Pro 使用许可- You:- ChatGPT: ✅ 你购买一份 Font Awesome Pro 许可后可以: 🚫 不可以的情况: 🧩 举个例子: 例 1: 例 2: 📝 总结一句话: ICON Lib静态·未分类如果你在找一个可以完全免费商用、并且功能上能替代 Font Awesome Pro 的图标库,下面这些都是优秀的选择: 🥇 1. Phosphor...
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/