![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
架构设计
一号小白
这个作者很懒,什么都没留下…
展开
-
使用lerna搭建monorep
由于项目越来越多,前端项目越来越零散,管理起来越来越难,便于统一管理前端项目,打通项目之间的壁垒,组件更通用化,达到高内聚低耦合的目的;为了更符合实际场景,需要对组件库,utils,config,tools,docs等进行拆分,拆分后的目录结构如下。初始化之后的项目结构。......原创 2022-08-01 15:34:04 · 351 阅读 · 0 评论 -
架构图技巧
架构图分类常见架构图业务架构定义:描述系统对用户提供了什么业务功能场景:产品人员规划业务给高P汇报业务给新员工培训业务技巧:通过不同颜色识别业务业务分组管理示例客户端架构图 PPT定义: 客户端和前端领域逻辑架构场景:整体架构设计架构培训技巧:通过不同颜色表示角色通过连接链来表示关系自顶向下分层示例:系统架构图 PPT定义:后端逻辑架构图,又叫“后端架构”,“技原创 2021-12-24 17:16:40 · 7482 阅读 · 0 评论 -
超实用 vue2 项目代码风格统一 搭配eslint pretter配置
安装vscode插件 Vetur ESlint EditorConfig for VS Code安装node插件cnpm i -D eslint eslint-config-prettier eslint-plugin-prettier eslint-plugin-vue项目配置文件EditorConfig for VS Code# .editorcon...原创 2020-05-05 10:25:56 · 866 阅读 · 0 评论 -
多个项目公用组件库设计
项目背景**A 项目在开发过程中需要独立一部分业务出去用作内网访问(财务模块,库存等模块), 于是在A项目的基础上分割出B项目(Vue, Element-ui)C项目在开发完成后暂时搁置, D项目作为C项目的另一条业务线,部分业务逻辑, 组件和C项目重叠(React, Dva, Ant-ui)遇到的问题A项目和B项目有很大一部分公用文件Js(校验js, 业务数据处理的js...原创 2019-06-06 11:11:08 · 2320 阅读 · 0 评论 -
babel6下使用jest单元测试
背景:项目中后端api地址虽然做了环境变量配置,但是还是有同学随意更改配置导致测试环境地址发布到生产环境为了避免这种情况出现决定引入单元测试,在提交代码之前做一次测试校验坑:erp项目使用babel6,jest的babel配置需要babel7, 且无法屏蔽.babelrc配置,哭解决方案: jest项目作为一个小项目引入有单独的package.json文件文件结构:...原创 2019-10-09 16:59:13 · 2569 阅读 · 0 评论