Skip to content
On this page

项目架构

作为前端架构师,从 0 到 1 搭建一个项目,需要注意的关键点包括:

  1. 架构设计
  • 根据项目需求,确定技术栈,比如采用 Vue/React 等前端框架
  • 设计项目架构,比如组件化、模块化、分层等结构
  • 确定状态管理,如 Redux/Vuex
  • 确定路由模式,hash 模式或 browserHistory 模式
  1. 开发模式
  • 确定模块打包工具,如 Webpack
  • 确定代码检查规范,如 ESLint/TSLint
  • 确定 git 分支管理策略
  • 确定开发环境,如 Dev/Prod/Test 等
  1. 工程实践
  • 组件库/UI 库的选型
  • CSS 预编译语言/框架的使用
  • HTTP 接口统一管理
  • 项目构建和部署流程
  • 自动化测试和持续集成
  1. 性能优化
  • 代码分片
  • CSS/JS 压缩
  • 图片优化
  • 路由懒加载
  • SSR
  1. 发布和运维
  • 错误日志监控
  • 稳定性和安全性
  • 版本管理
  • 灰度发布与回滚 开发过程中,要关注可维护性、扩展性、稳定性和性能。需要对技术选型和架构设计进行充分考虑和权衡。

上次更新于: