点击空白处退出提示
AdsDesk代码覆盖率
我要开发同款作品详情
istanbul npm包的二次封装:
1.对增量代码的收集显示,着重标记增量代码,对源码报错等进行兜底优化。
2.增加istanbul只显示script部分的优化(原显示全量代码)
babel-plugin-istanbul npm包的二次封装:
1.新增代码对比识别操作,增加是否对增量代码进行插装,是否对项目代码进行插装,是否只显示代码中的script部分的覆盖率。
istanbul-middleware npm包的二次封装:
1.使用node.js+nodemon+nopt在本地或线上生成一个监听服务,对代码覆盖率进行监听收集,并可使用全局命令对该服务进行启动、关闭、清除等操作。
2.增加对增量代码的标记及过滤。
AdsDesk智能营销广告投放平台 2021.05 - 至今
业务部分:
1..项目期间负责AdsDesk智能营销广告投放平台的日常迭代开发、组件封装、上线维护等工作
,利用vue全家桶+webpack+es6+iview+nginx开发项目
优化方案的思考及收集:
1.新老代码重复相似过多,代码冗余(微前端qiankun解决方案+代码覆盖率)
2.本地构建打包调试时间过长,本地代码较多,且造成上线发版时间较长等问题(微前端qiankun解决方案)
3.项目广告模板所需本地存储内容过多,存储空间过小等问题。(indexDB解决方案)
4.已封装组件内嵌入业务代码,导致日常提交需求时出现相关组件逻辑问题,查找相关问题较为困难(组件库解决方案)
5.针对前端项目存储枚举值,枚举过多导致项目体积庞大的问题,提出相应的解决方案(CDN存储)
6.针对团队代码不统一、不规范的情况进行收集统计(前端代码规范文档+eslint规范+githork代码规范提交检查)
7.优化测试步骤,减少团队bug率,提升工作效率,降本增效。(代码覆盖率)
工程优化:
1.组件库组件封装,对其可扩展、可迭代、可优化进行定制化开发。
2.优化业务逻辑,解耦数据操作与业务逻辑的耦合度
3.需求整理,与产品及项目经理沟通确认新需求的开发细节及要注意的点等相关工作
技术创新:
1.提出代码覆盖率形成相关优化文档,并对其实施的可行性进行讨论及宣讲,完成代码覆盖率的落地,封装npm插件包可供相关开发人员安装及使用,简化安装及使用流程,降低团队bug率,减少因修改bug导致的工期延长等问题的发生,降本增效,提高团队工作效率。
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态
评论