一、前言针对目录结构、CSS规范、JavaScript规范、Vue规范可参照官方给出的风格指南这里主要总结业务开发中常遇到的代码问题和实践，帮助大家后续各自做好codeReview，一些你遇到的典型问题，也可以在留言区评论，帮助团队共同进步。 二、实践规范2.1防止重复提交--表单提交或者编辑新增数据时，按钮必须加loading，防止重复提交<el-buttontype="primary":loading="submitLoading"@click="handleSubmit">提交</el-button> --针对table的操作列中的操作项，没有二次确认的也要注意加...

一.目标 个人账号的设置记忆功能-避免用户每次登录之后重新对表单字段做展示设置 二、存储方案轻量方案结合localstorage低容量存储（5M），根据LRU只存最近访问的20至30张表格列配置数据 全量方案大内存G级别，使用indexedDb进行存储，有多少表格操作列数据就存多少，结合第三方库dexie.js封装类处理https://juejin.cn/post/7159961427687440392结合官方的示例https://dexie.org/docs/Tutorial/Vuenpminstallrxjsnpminstall@vueuse/rxjs最终选型 12列的30张表格和100张...

📝背景 公司高级表单组件ProForm高阶组件都建立在jsx的运用配置上，项目在实践落地过程中积累了丰富的经验，也充分感受到了jsx语法的灵活便捷和可维护性强大，享受到了用其开发的乐趣，独乐乐不如众乐乐，为了帮助大家更好的运用jsx，开发提效，特此总结分享。 💎效果对比 以前 以往我们开发一个列表的增加、编辑、查看详情三个操作要准备3个form表单文件，表单中ui元素共性部分我们要复制三次，例如： //addForm.vue <template> <el-form:model="form"> <el-form-itemlabel="活动名称"> <...

背景 最近在给业务组件库集成指令库，将各个项目中常用的指令如一键复制、元素和弹窗拖拽等封装到一起，进行统一发版维护。业务组件库项目架构采用的是pnpm+vite+vue3+vitepress，其中vitepress主要做组件库文档站点同时展示可交互的组件。 问题 开发运行时指令库demo没有问题，构建编译时就会报错，编译不通过，报错：CustomdirectiveismissingcorrespondingSSRtransformandwillbeignored 一番查找原因，发现是VitePress应用在生成静态构建时是通过Node.js服务端渲染的，识别不了我们的包含自定义指令的组件。 解...

目标：排序后的表格列，页面刷新或者用户重新登录后，能够保持之前的操作排序 完成效果： 解决方案：利用localstorage对排序后的表格列属性进行存储，页面刷新或者用户重新进入该页面时都先从localstorage中读取1.存储方式：localstorage（key，value）key表格增加配置属性tableHeaderKey，以当前路由的path+tableHeaderKey来做keyvalue排序后的属性列数组（defaultKeys-所有属性列key，selectedKeys要显示的key，tableSize表格高度）只存key，减少存储空间2.存储时机：配置有tableHeade...