阿超

教养是有教养人的第二个太阳。——赫拉克利特 分享一个高颜值的postman，而且是开源的 https://github.com/darrenburns/posting 官方文档： https://posting.sh/ 一些值得注意的功能包括：  “跳转模式”导航  环境/变量  自动补全 使用 Tree-sitter 进行语法高亮显示  Vim 密钥  用户定义的主题  配置  “在$EDITOR中打开” 用于快速访问功能的命令面板 安装： Posting可用 pipx 或者 Rye 在 MacOS, Linux, 以及 Windows上安装 123pipx install posting# orrye install posting 推荐用Rye, 因为比 Homebrew 和 pipx快得多的多,并且能在秒级内安装完毕Posting. 12345# quick install on MacOS/Linuxcurl -sSf https://rye.astral.sh/get | bash# install Postingrye install posti...

机遇是重要的，但刻苦是关键；自己不刻苦，机遇再多也没用。——佚名 https://github.com/didi/xiaoju-survey https://xiaojusurvey.didi.cn/ 主要是开源的问卷系统，比如公司做一个问卷调查，中秋是要大闸蟹还是月饼礼盒这种 XIAOJUSURVEY是一套轻量、安全的调研系统，提供面向个人和企业的一站式产品级解决方案，用于构建各类问卷、考试、测评和复杂表单，快速满足各类线上调研场景。   内部系统已沉淀 40+种题型，累积精选模板 100+，适用于市场调研、客户满意度调研、在线考试、投票、报道、测评等众多场景。数据能力上，经过上亿量级打磨，沉淀了分题统计、交叉分析、多渠道分析等在线报表能力，快速满足专业化分析。 功能简介 问卷管理：创、编、投、收、数据分析 多样化题型：单行输入框、多行输入框、单项选择、多项选择、判断题、评分、投票、… 用户管理：登录、注册、权限管理 数据安全：传输加密、脱敏等 更全的建设请查阅 功能介绍 技术 Web 端：Vue3 + ElementPlus；C 端多端渲染（规划中） Se...

教育成功的秘密，在于尊重学生。——爱默生 昨天我们聊到了 position-try | 阿超 今天是它的拓展，我们通过@position-try定义移动到的位置，然后用position-try使用 语法例如： 12345678910@position-try --my-custom-position { position-area: top left; width: 50px;}.target { position: absolute; position-area: top right; position-try-fallbacks: --my-custom-position;} 我们这里还是用昨天的例子，定义一个 12345/* 定义自定义的 `position-try` 规则，用于小型目标元素的样式 */@position-try --compact-target { height: 40px; /* 高度设为40px */ margin: 0px; /* 没有边距 */} 然后我们使...

教育的胜利，可以压倒国民性。——爱默生 https://css-tricks.com/almanac/properties/p/position-try-fallbacks/ 今天分享一个position-try的css属性 它就像字面意思是说： 位置-尝试 代表着 它在页面移动时尽可能尝试调整位置 举个栗子： 1234567.target { position: absolute; position-anchor: --my-anchor; position-area: top; position-try-fallbacks: bottom;} 我写下代码： 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273<style> /* 定义一个锚点元素 */ .anchor { an...

谨慎的行动要比合理的言论更重要。——西塞罗 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...