Ame's blog Ame's blog
首页
  • 前端核心

    • HTML
    • CSS
    • JavaScript
    • Web API接口
    • TypeScript
    • 浏览器
    • UI库
    • 前端框架
    • 前端工具库
  • 规范

    • 前端规范
  • 进阶

    • 架构之旅
跨端
后端
UI
  • 编译原理
  • 网络
  • 计算机组成
  • 数据结构与算法
  • 操作系统原理
  • 设计模式
  • 数据库
  • 网站
  • 前端通用资源
  • Vue资源
  • React资源
  • Node资源
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Ame

跨端修炼者
首页
  • 前端核心

    • HTML
    • CSS
    • JavaScript
    • Web API接口
    • TypeScript
    • 浏览器
    • UI库
    • 前端框架
    • 前端工具库
  • 规范

    • 前端规范
  • 进阶

    • 架构之旅
跨端
后端
UI
  • 编译原理
  • 网络
  • 计算机组成
  • 数据结构与算法
  • 操作系统原理
  • 设计模式
  • 数据库
  • 网站
  • 前端通用资源
  • Vue资源
  • React资源
  • Node资源
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • 学习计划

  • 读书笔记

    • 前端架构设计

      • 前端架构定义
        • 前端架构师
      • 前端架构的核心构成
  • 架构之旅
  • 读书笔记
  • 前端架构设计
Ame
2022-01-01

前端架构定义

# 前端架构师

# 定义

前端架构师是领导公司前端基础建设,主导项目中前端的分析、设计、实施和关键技术决策的人员。前端架构师利用一系列工具和流程来提升产品、前端代码的质量,并实现高效,可持续的工作流。

# 职责

  • 体系设计

通过一定的前端开发方法和系统设计哲学,制定出所有前端开发人员都要遵循的系统级的规范,从而清晰的描绘出产品和代码的最终状态,项目也拥有了可以衡量代码质量的标准。

一个精心设计的系统,应当具备完善的检验(测试)机制,并做出适当的取舍,从而保证系统中的代码有实质的价值,而不是简单的堆砌。

系统应具备完善的线上监控体系,以便及时发现线上问题,方便对重点功能的优化。

  • 工作规划

指定开发工作流,开发人员写一行代码并且提交,部署 到线上需要经过那些步骤,完整的工作流可能用到很多工具,如版本控制器,文档工具,测试组件,服务器自动化部署等

前端架构师的目标是设计出能流畅运转的系统,这个系统不仅能高效快速的启动,还可以通过语言分析,测试用例,文档记录等方法持续的提供有效的反馈,并且大幅减少由于重复操作而产生的人为错误

  • 监督跟进

根据实际情况及时调整开发流程,持续优化工作流程,

前端架构师并不等同于管理角色,前端架构师不仅要写更多的代码,更要会用多种编程语言,还要使用大量的工具,代码量并未减少,只是代码的读者发生了改变,前端开发人员面向终端用户写代码,而前端架构师面向的则是团队里的开发人员

# 怎么做

请查看前端架构核心一文

# 入场时机

需要快速交付的项目并不太需要前端架构师介入

前端架构一定要争夺属于自己的优先权

有多个关键的决策需要在项目启动之初就制定下来,如果是在项目的中期、后期,那么就咬咬牙重构吧

# 能起到什么作用

  1. 推动通用组件在公司项目中的应用,减少重复的开发成本,缩短开发时间
  2. 相同规范有助于公司产出相同风格的产品、相同质量的代码,提高公司产品的辨识度,减少后期维护成本
  3. 降低非业务代码对公司产品功能实现的干扰或阻碍
  4. 减少因个人代码水平造成的代码维护成本
  5. 标准化的工作流程有助于项目负责人掌控前端开发进度
  6. 方便运营或产品了解用户痛点,便于系统改进

# 窘境

在项目中前端话语权比较低,往往是项目已经启动才通知前端接入,开始研发。

其实最大的阻碍还是如何说服项目负责人/老板为一个完善的前端架构系统花费时间和金钱,他们往往会要求提供这种架构的成功案例,问题是,如果你总是被要求证明这种工作流程是有效的,又怎么会有机会去实际地为某个项目设计前端架构呢?

编辑 (opens new window)
上次更新: 2022/03/22, 20:03:00
专题课
前端架构的核心构成

← 专题课 前端架构的核心构成 →

最近更新
01
http状态码
04-18
02
el-lists
02-13
03
test
02-13
更多文章>
Theme by ame | Copyright © 2020-2022 Ame | MIT License | 鲁ICP备18003274号-2
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式