阿超

仅是天才不能成为作家，因为书的背后极需要作家的人格。——爱默生 Jest是一款优雅、简洁的JavaScript测试框架。 官方文档： https://jestjs.io/zh-Hans/ github： https://github.com/jestjs/jest 创建项目： 12345678910111213Last login: Wed Sep 18 16:56:31 on ttys001The default interactive shell is now zsh.To update your account to use zsh, please run `chsh -s /bin/zsh`.For more details, please visit https://support.apple.com/kb/HT208050.Github-Id-VampireAchao:streampark achao$ cd ~/IdeaProjects/simple-jest/Github-Id-VampireAchao:simple-jest achao$ npm inst...

君子藏器与身，待时而动。——佚名 项目介绍 vite-plugin-vue2 是一个 Vite 插件，专门用于在 Vite 项目中支持 Vue 2。Vite 是一个基于 ES Module 的现代构建工具，它以极速启动、模块热替换（HMR）和极快的构建速度而闻名。然而，Vite 最初只支持 Vue 3，而 vite-plugin-vue2 插件使得开发者能够在不升级到 Vue 3 的情况下，继续享受 Vite 的高效开发体验。 通过这个插件，开发者可以在 Vue 2 项目中体验到 Vite 的快速启动、热重载和高效打包，而无需迁移到 Vue 3。这为那些已经深度使用 Vue 2 的项目提供了极大的便利。 主要特点： Vue 2 支持：在 Vite 项目中使用 Vue 2，无需进行复杂的配置或迁移。 现代开发体验：支持 Vite 的快速启动、热模块替换（HMR）、高效的编译和打包。 兼容性：与现有的 Vue 2 项目无缝集成，不影响现有代码库的运行。 GitHub地址 GitHub 仓库：vitejs/vite-plugin-vue2 官方文档提供了详...

没有风暴，船帆不过是一块破布。——雨果 vue-starport/README.zh-Hans.md at main · antfu/vue-starport · GitHub 我们经常会在在不同的路由（页面）上使用同一组件，但他们的位置和大小可以不尽相同。这时你可能会希望在用户进行路由跳转时，想让它们展示流畅的过渡动画。尽管这样的动画在原生应用中较为常见，但要在 Web 中实现却有一些挑战。 Vue 的组件结构以 树 的形式呈现，在不同分支中的子组件有其各自的实例，这意味着当用户在路由之间跳转时，同样的组件并不会跨路由共享。 因为它们是两个不同的实例，这意味着你无法直接为它们的添加补间动画。幸运的是，有一种叫做 FLIP 的技术可以模拟不同组件之间的过渡动画。 然而，FLIP 只解决了过渡的问题，我们仍然还是会有两个组件实例。在跳转过程中，组件的内部状态将会丢失。 因此，我开始实验一个新的解决方案用于满足这一需求，并将其取名为 Starport。 在线Demo： https://vue-starport.netlify.app/ 可以看到点击下方的图片...

不用给我爱，不用给我钱，不用给我声誉，给我真理吧。——梭罗《瓦尔登湖》 1 项目介绍 Vitesse 是一个基于 Vite 的快速开发模板，由 antfu 维护和开发，专为 Vue.js 项目设计。Vitesse 提供了完整的前端开发环境和最佳实践，内置了多个常用工具和配置，使得开发者可以快速启动项目，而无需从头配置。 通过 Vitesse，开发者可以专注于业务逻辑的实现，而不必在项目的基础配置上花费太多时间。它内置了 Vue 3、Vite、Pinia、Vue Router、TypeScript 等主流技术栈，适合用于构建现代前端应用。 Vitesse 的主要特点： 基于 Vite：Vitesse 继承了 Vite 的高效、快速打包和热更新特性，能够显著加速开发流程。 Vue 3 支持：Vitesse 完全支持 Vue 3 的 Composition API，提供了现代化的 Vue.js 开发体验。 TypeScript 集成：项目中内置了 TypeScript 支持，帮助开发者编写类型安全的代码。 轻松的状态管理：通过 Pinia 实现简单易用的状态管理方案。 Ta...

精神上最好的避难所还是书本：它们既不会忘了你，也不会欺骗你。——罗曼·罗兰 我们已经知道vitest是一个很好用的单元测试框架，我们今天聊一下如何在github action集成vitest 首先我们创建项目 1234567891011121314151617181920212223242526272829303132333435363738394041424344Last login: Mon Sep 9 16:43:09 on ttys004 The default interactive shell is now zsh.To update your account to use zsh, please run `chsh -s /bin/zsh`.For more details, please visit https://support.apple.com/kb/HT208050.Github-Id-VampireAchao:streampark achao$ cd /Users/achao/IdeaProjects/simple-vitest# 安装vitest...

你是非常可爱的人，真应该遇到最好的人，我也希望我就是。——《爱你就像爱生命》 今天从Cory House @housecor看到一个优化技巧随笔记一下，希望下次编写时候可以考虑 原代码： 123456789101112131415161718192021222324function Product() { const [rating, setRating] = useState(null); return ( <> <h1>Product</h1> <ProductRating rating={rating} setRating={setRating} /> </> );}function ProductRating({ rating, setRating }) { return ( <> <label htmlFor="rating"...

仅次于选择益友，就是选择好书。——考尔德 今天分享一个前端的测试框架Vitest 号称是下一代测试框架 github： https://github.com/vitest-dev/vitest 官方文档： https://cn.vitest.dev/ 这里有个直观的在线例子： https://vitest.new/ 你可以看到比如这里在basic.ts定义了一个squared函数 1export const squared = (n: number) => n * n 然后对应的单元测试： 123456import { squared } from '../src/basic.js'test('Squared', () => { expect(squared(2)).toBe(4) expect(squared(12)).toBe(144)}) 其他代码还有 123456789101112131415161718192021222324252627import { a...

开成花灾的玫瑰不是灿烂，而是荒凉。——严歌苓 Github： GitHub - TyCoding/langchat: LangChat: Java LLMs/AI Project, Supports Multi AI Providers( OpenAI / Gemini / Ollama / Azure / 智谱 / 阿里通义大模型 / 百度千帆大模型), Java生态下AI大模型产品解决方案，快速构建企业级AI知识库、AI机器人应用 官方文档： https://langchat.cn/ 介绍： LangChat是Java生态下企业级AIGC项目解决方案，在RBAC权限体系的基础上，集成AIGC大模型能力，帮助企业快速定制AI知识库、企业AI机器人。 接入 OpenAI / Gemini / Ollama / Azure / Claude / 智谱AI / 阿里通义大模型 / 百度千帆大模型 等大模型。 English 网站文...

即使断了一条弦，其余的三条弦还是要继续演奏，这就是人生。——爱默生 项目介绍 Shiki 是一个基于 VS Code 语法高亮引擎的代码高亮库，它通过使用 TextMate 语法和 VS Code 的主题，生成极为准确和美观的高亮代码。Shiki 提供了一种非常灵活的方式来在静态网站生成器、文档系统或 Web 应用中进行代码高亮渲染，支持多种编程语言和主题。 Shiki 的主要特点： 精确的高亮效果：基于 VS Code 引擎，支持 TextMate 语法和多种语言的高亮，保证与编辑器中一致的高亮效果。 丰富的主题：支持多种 VS Code 主题，能够为代码提供深浅色主题选择。 轻量级和快速：尽管功能强大，但 Shiki 仍然保持轻量和高效，适合在 Web 项目中使用。 适用性广泛：可以轻松集成到静态网站生成器、博客、文档系统等项目中，提升代码展示的视觉体验。 官方文档、GitHub地址 官方文档：Shiki Documentation GitHub 仓库：shikijs/shiki Shiki 的官方文档提供了详细的使用说明、配置选项和主题列表，帮...

教师的影响是永久的。教师绝不能停止自我感化。——亚当斯 github： https://github.com/dromara/domain-admin 官方文档： Domain Admin — Domain Admin latest 文档 基于Python + Vue3.js 技术栈实现的域名和SSL证书监测平台 用于解决，不同业务域名SSL证书，申请自不同的平台，到期后不能及时收到通知，导致线上访问异常，被老板责骂的问题 Domain Admin是一个轻量级监控方案，占用系统资源较少。同时，Domain Admin也可以作为一个Flask 和 Vue.js前后端分离的项目模板 功能描述 核心功能：域名、SSL证书 和 托管证书文件 的过期监控，到期提醒 支持证书：单域名证书、多域名证书、泛域名（通配符）证书、IP证书、自签名证书 证书部署：单一主机部署、多主机部署、动态主机部署 通知渠道：支持邮件、Webhook、企业微信、钉钉、飞书等通知方式 支持平台：macOS、Linux、Windows 辅助功能：Let’s Encrypt SSL证书免费申请和SSL...