前端架构师修炼指南精选

随着前端多端发展，应用复杂，规模和数量都在不断扩大，此时前端的多组，多项目之间的基础建设，代码规范，协作规范，自动化，交付效率等等就变得越来越重要。而前端架构师的职责，就是产出一系列的基建和标准，应对现在以及将来可能出现的应用演进，降低迭代复杂性，降本增效。

1. 纯 Git 实现前端 CI/CD

纯 Git 实现前端 CI/CD，核心思路是将 git 仓库放在服务器上，创建 post-receive 钩子，接受客户端推送并触发自动构建，部署。这一篇是现代构建工具如 GitHub Action，Gitlab CI/CD 的基础实现原理，目的是了解 git 在自动化方向的支持以及实现思路。

2. 前端架构师的 git 功力，你有几成火候？

这篇比较全面的阐述了团队协作中如何正确的利用 git，以及分享我司前端团队的分支管理策略，提交规范，回滚方案等。文中所阐述的大多方法，未必一定是目前的标准规范，但都是我们团队经过验证的实践经验，或许对你有帮助和参考价值。

3. 前端架构师神技，三招统一代码风格

这篇从代码规范，代码检查，代码格式化，以及编辑器自动化实现的方向，介绍代码规范统一在我们团队的实践应用。这篇文章解决的是团队成员各有各的编码习惯，导致整个应用代码混乱，协作困难的问题。目的就是通过规范配置和自动化实现，做到 10 个人也能写出相同的一套代码风格。

4. 前端架构师破局技能，Node.js 落地 WebSocket 实践

前端工程化体系中，Node.js 扮演着举足轻重的角色，或者称之为前端工程化的基石也不为过。并且随着后端微服务化，Node.js 也承担起了 BFF 层的重任，这就需要前端架构人员跳出前端范畴，也去接触一些服务端的部分。本文以 WebSocket 为例，从网络协议，技术背景，安全和生产应用的方向，详细介绍 WebSocket 在 Node.js 中的落地实践。

5. 现代配置指南——YAML 比 JSON 高级在哪？

Flutter，GitHub Action，Docker 等新技术/新框架都是齐刷刷的 Yaml 配置，前端工程也必然逐渐拥抱 Yaml，但你还不了解它？这篇对比 Json 详解 Yaml 文件，让你一文看懂 Yaml 语法的高级之处～