Skip to content

Latest commit

 

History

History
98 lines (53 loc) · 1.57 KB

Architecture.md

File metadata and controls

98 lines (53 loc) · 1.57 KB

工程化 - 前端架构

掘金

MOCK

LINT

性能优化

开发流程、开发工具

版本管理

用户体验

1、综合

1.1、使用场景

1.2、核心思想

1.3、切入角度

1.4、其他

2、基础层设计

2.0、文档系统 - docsify

2.1、自建Gitlab

2.2、版本管理

2.3、自动编译发布Jenkins

2.4、纯前端版本发布

2.5、统一脚手架

2.6、Node中间层

2.7、埋点系统 - sentry

2.8、监控和报警系统

2.9、安全管理

2.10、Eslint

2.11、灰度发布

2.12、前后端分离

2.13、Mock

2.14、定期备份

3、应用层设计

3.1、多页和单页

3.2、以应用为单位划分前端项目

3.3、基础组件库的建设

3.4、技术栈统一

3.5、浏览器兼容

3.6、内容平台建设

3.7、权限管理平台

3.8、登录系统设计(单点登录)

3.9、CDN

3.10、负载均衡

3.11、多端共用一套接口

SELF IDE

  • 前端出文档规范、数据规范,可以避免很多浪费时间的数据转换(或者使用GraphQL)
  • 产品使用前端设计器出页面(页面自动化)
  • 前端ER负责逻辑层、多终端的实现(编译设计器产出代码)
  • CI部署自动测试、MOCK、LINT、性能优化等

When to be ?

  • 各种工具、工具库的精通(至少要知道可以拿来做什么、有什么 feature和坑)
  • 设计能力、工具搭配组装能力、见识面、经验
  • 应用场景的把控能力
  • 错误处理能力(取决于踩坑多少和对工具的熟悉度)
  • 硬核的编码实现能力
  • 思维能力