产品架构设计意见稿

元宇宙
• 阅读 1001

目前公司产品展示实现部分大部分基于VUE2.0版本,很多项目在开发之初由于周期原因未对产品代码逻辑架构进行高效设计评估。对于前端代码架构需要改进的地方有几点:

对代码目录结构的梳理定义:统一代码目录结构,对每个目录的作用作出定义,合并相同功能文件,优化结构体系,增加代码易读性;
抽象功能类似的组件:提取功能组件,减少CP代码量,可通过不同配置或参数来适应不同场景;
优化组件及版本控制:通过筛选依赖组件版本匹配,剔除非依赖组件,减少冗余代码,周期性检查依赖组件的版本升级,保持产品组件的稳定更新;

点赞
收藏
评论区
推荐文章
CuterCorley CuterCorley
4年前
uni-app入门教程(1)uni-app简介、部署和目录结构
@toc前言本文主要介绍了uniapp的基本情况,并引导快速创建和运行第一个uniapp项目,同时对项目的目录结构和代码规范进行详细说明,适合uniapp零基础初学者。一、uniapp介绍uniapp是DCloud官方推出的重要产品,是一个使用Vue.js开发跨平台应用的前端框架,官网是。开发者通过编写一套Vue.js代码,即可
美凌格栋栋酱 美凌格栋栋酱
7个月前
Oracle 分组与拼接字符串同时使用
SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
添砖java的啾 添砖java的啾
4年前
distinct效率更高还是group by效率更高?
目录00结论01distinct的使用02groupby的使用03distinct和groupby原理04推荐groupby的原因00结论先说大致的结论(完整结论在文末):在语义相同,有索引的情况下groupby和distinct都能使用索引,效率相同。在语义相同,无索引的情况下:distinct效率高于groupby。原因是di
Jacquelyn38 Jacquelyn38
4年前
2020年前端实用代码段,为你的工作保驾护航
有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )
不才 不才
3年前
md-loader
mdloader组件文档是如何渲染出来文档用于描述系统功能,而组件文档描述组件的功能,对于前端组件为了直观体现一般会有一个预览模块,而一般组件文档都是采用markdown编写,而md是文本内容且并没有渲染组件代码的能力,那么这是如何做的呢?简单的说就是“自定义结构”,像elementui中对代码的描述为,中间的YOUCODE可以放简单的vue组件代码。这种
Wesley13 Wesley13
3年前
Vtiger CRM 几处SQL注入漏洞分析,测试工程师可借鉴
本文由云社区发表0x00前言干白盒审计有小半年了,大部分是业务上的代码,逻辑的复杂度和功能模块结构都比较简单,干久了收获也就一般,有机会接触一个成熟的产品(vtigerCRM)进行白盒审计,从审计的技术难度上来说,都比公司内的那些业务复杂得多,而真正要提高自己技术水平,更应该看的也是这些代码。vtigerCRM是一个客
Stella981 Stella981
3年前
JeePlus:代码结构
ylbtechJeePlus:代码结构1.返回顶部1、代码结构1.文件结构1.1.源码目录src/main/javacom.jeeplusJeeplus目录录├common公共模块存放目录│├SMS短信工具类具类│├
Stella981 Stella981
3年前
React 世界的一等公民
Choerodon猪齿鱼平台使用React作为前端应用框架,对前端的展示做了一定的封装和处理,并配套提供了前端组件库ChoerodonUI。结合实际业务情况,不断对组件优化设计,提高代码质量。本文将结合Choerodon猪齿鱼平台使用案例,简单说明组件的分类、设计原则和设计模式,帮助开发者在不同场景下选择正确的设计和方案编写组件(示例代码基于ES6
IT全栈视野 IT全栈视野
1年前
全面理解 HarmonyOS NEXT 的应用代码结构
HarmonyOSNEXT的应用代码结构通常包含以下几个主要部分:entry目录:这通常是应用的入口点,包含了应用的主要页面或功能模块的代码。pages目录:存放各个页面的代码文件,每个页面可能有自己的.js(逻辑)、.css(样式)和.hml(布局)文件
taskbuilder taskbuilder
7个月前
TaskBuilder低代码开发必须的三种文件—数据模型文件
用TaskBuilder开发的应用系统属于多层架构,也有前端文件和后台服务,但是前后端除了能直接执行的代码文件以外,还多了设计时的文件,因为HTML代码和JavaScript代码的结构太复杂,很难精确地还原为可以可视化设计的界面,所以TaskBuilder