阿超

谨慎的行动要比合理的言论更重要。——西塞罗 vue2-elm 是一个基于 Vue.js 2.x 和 ElementUI 实现的仿饿了么外卖平台项目，主要用于学习 Vue.js 的实际开发。这是一个大型的单页面应用项目，涵盖了用户登录、餐馆信息展示、购物车功能、订单生成等核心功能。通过该项目，开发者可以深入学习 Vue.js 在实际场景中的应用，并理解如何构建和优化大型单页面应用。 项目的主要功能模块包括： 首页展示：展示外卖商家列表及其信息。 商家详情页：展示某个商家的详细信息，包括商品分类和详细的评价信息。 购物车功能：用户可以添加、删除商品，并结算订单。 用户登录及个人中心：支持用户登录、查看订单历史等功能。 地图定位及地址选择：基于百度地图 API 实现了用户地址选择和地理位置的定位功能。 这个项目使用了 Vue.js 前端框架，并通过 Vuex 来管理应用状态。它还结合了 Vue Router 来实现页面的动态路由切换，用户体验接近于原生 APP。 官方文档和 GitHub 地址 GitHub 仓库：bailicangdu/vue2-elm vue2-...

仅仅对自然做种种临摹，并不会创造出什么伟大的艺术作品。——佚名 Vine.js 是一个轻量级、易于使用的 JavaScript 表单验证库，它的设计理念是简洁和灵活，特别适合前端和后端应用中的数据验证。无论是在前端用户输入时，还是在后端 API 请求时，Vine.js 都能帮助开发者快速、高效地进行数据验证，确保数据的完整性和准确性。 项目介绍Vine.js 诞生的目标是为 JavaScript 应用程序提供更简单、清晰的数据验证方法。它允许开发者定义一系列验证规则，并轻松地应用于不同的数据场景。通过其简洁的 API 设计和全面的错误处理，Vine.js 提供了直观的方式来定义验证逻辑，减少开发者手动编写验证代码的时间和精力。 主要特点： 简单易用：通过简洁的 API，让验证规则定义和应用变得更加直观。 灵活的错误处理：支持定制错误消息，并可以灵活地处理验证失败时的行为。 适用于前后端：无论是用于前端表单验证，还是后端 API 的请求参数验证，Vine.js 都能够胜任。 良好的扩展性：支持自定义验证器，允许开发者根据需要扩展库的功能。 官方文档和 GitHub 地址 官...

仅是天才不能成为作家，因为书的背后极需要作家的人格。——爱默生 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 网站文...