z止于至善的博客

一款轻量级、高性能的前端表单验证库，支持React/Vue主流框架。GitHub星标突破5k+，专为解决复杂表单校验痛点而生！⬇️ 立即体验Vorms，让你的表单代码简洁如诗！实战案例：GitHub搜vorms-demo。✅ 类型安全(TypeScript)✅ 零依赖 | 仅3KB gzip。官方文档：vorms.dev。1️⃣ 开发效率提升70%最佳实践：配置中心化方案。✅ 声明式校验规则配置。✅ 嵌套表单/动态表单。防抖优化(300ms)2️⃣ 用户体验升级。3️⃣ 维护成本降低。

TresJS是一个基于Three.js的Web3D开发框架，它旨在简化3D开发流程，让开发者能够更轻松地创建出令人惊叹的3D效果。TresJS不仅继承了Three.js的强大功能，还通过封装和优化，提供了更易用的API，使得开发者可以快速上手并构建复杂的3D场景。TresJS作为一款基于Three.js的Web3D开发框架，凭借其易用性、性能优化和丰富的生态系统，为开发者提供了一个强大的工具。无论是初学者还是经验丰富的开发者，都可以通过TresJS轻松创建出令人惊叹的3D效果。

项目基于Vue3 + Echarts5 开发，屏幕适配是使用scale方案Echarts组件按需引入，减少打包体积地图组件封装（全国&省份地图按需加载）

Preloading All icons are generated when the project is running, and you only need to operate dom once.High performance Built-in cache, it will be regenerated only when the file is modified.

组件开发，需要对后台返回的菜单数据进行展示，菜单级数不确定，因此，需要实现一个多级嵌套的菜单组件。菜单数据结构，可以嵌套任意层。

组件开发，需要对后台返回的菜单数据进行展示，菜单级数不确定，因此，需要实现一个多级嵌套的菜单组件。菜单数据结构，可以嵌套任意层。

最近在开发项目时，使用Pinia作为Vue的存储库。比如，登录后的个人信息存在一个store里面。但是，当页面刷新后，右上角的个人信息展示就丢失了。

最近在使用开发项目，因为也是刚刚在学习，会遇到一些简单的问题。

vue+thee.js项目

在开发聊天室功能时，用户发送消息后，聊天框的滚动条会自动在最底部

Vite是一种新型前端构建工具，能够显著提升前端开发体验。7 月 13 日，Vite 3.0 正式发布。去年 2 月，Vite 2 正式发布。从那时起，它的使用率不断增长，每周npm下载量超过 100 万次。发布后迅速形成了庞大的生态系统。Vite正在推动 Web 框架的新一轮创新竞赛。...............

Pinia——Vue 存储库，跨组件/页面共享状态

Vue 最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的JavaScript 对象。而当你修改它们时，视图会进行更新。如何追踪变化当你把一个普通的 JavaScript 对象传入 Vue 实例作为data选项，Vue 将遍历此对象所有的 property，并使用Object.defineProperty把这些 property 全部转为getter/setter。Object.defineProperty是 ES5 中一个无法 shim 的特性，这也就是 Vue 不支持 IE8 以及更

在v-for里使用值范围v-for也可以接受整数。在这种情况下，它会把模板重复对应次数。<div> <span v-for="n in 10">{{ n }} </span></div>在<template>上使用v-for类似于v-if，你也可以利用带有v-for的<template>来循环渲染一段包含多个元素的内容。比如：<ul> <template v-for="item in items"

用v-for把一个数组对应为一组元素可以用v-for指令基于一个数组来渲染一个列表。v-for指令需要使用item in items形式的特殊语法，其中items是源数据数组，而item则是被迭代的数组元素的别名。在v-for块中，我们可以访问所有父作用域的 property。v-for还支持一个可选的第二个参数，即当前项的索引。也可以用of替代in作为分隔符，因为它更接近 JavaScript 迭代器的语法。在v-for里使用对象可以用v-for来遍历一个对象的 property，也可以提供第二

监听子组件事件父级组件可以像处理 native DOM 事件一样通过v-on监听子组件实例的任意事件，同时子组件可以通过调用内建的$emit方法并传入事件名称来触发一个事件。使用事件抛出一个值可以使用$emit的第二个参数来提供这个值<button v-on:click="$emit('enlarge-text', 0.1)"> Enlarge text</button>然后当在父级组件监听这个事件的时候，我们可以通过$event访问到被抛出的这个值：<bl

基本示例这里有一个 Vue 组件的示例：// 定义一个名为 button-counter 的新组件Vue.component('button-counter', { data: function () { return { count: 0 } }, template: '<button v-on:click="count++">You clicked me {{ count }} times.</button>'})组件是可复用的

vue中使用mockjs安装mockjs在src下创建一个mock的文件夹，里边存在index.js，这个文件是保存模拟数据路径的地方创建一个文件夹里边存储的是需要模拟的数据src有一个专门放置访问接口的文件夹在main.js文件中引用index.js需要调用使用的接口安装mockjsnpm install mockjs --save-dev在src下创建一个mock的文件夹，里边存在index.js，这个文件是保存模拟数据路径的地方import Mock from 'mockjs'import