:::info 📒 本期分享主题：前端工作那些事 :::

大纲

第01期-前端那些事 - 图1

开发流程

第01期-前端那些事 - 图2 :::info

  1. 如何上手工作
  2. 如何跟后端联调

  3. 遇到问题如何解决 :::

    参考文档

    :::info

  4. 需求文档

  5. 技术方案
  6. 测试用例
  7. 开发流程 :::

    git工作流

    image.png
    git分支模型参考
    第01期-前端那些事 - 图4
    分支命名规范
分支管理 命名规范 解释
master 主分支 master 稳定版本分支，上线完成回归后后，由项目技术负责人从 release 分支合并进来，并打 tag
release 上线分支 release/版本号
示例：release/0.1.0		 用于上线的分支，基于 master 建立，必须对要并入的 分支代码进行 Code review 后，才可并入上线
test 测试分支 test/版本号
示例：test/1.0.0		 测试人员使用分支，测试时从 feature 分支合并进来，支持多人合并
feature 功能开发分支 feature/xiumubai_功能名称
示例：feature/blog		 新功能开发使用分支，基于master建立
bugfix修复分支 bugfix/功能名称
示例：fix/blog		 紧急线上bug修复使用分支，基于master建立

版本管理规范

版本名称 定义 示例
主版本 含有破坏性更新、大调整等 1.1.0 > 2.0.0
次版本 增加新功能特性 1.1.0 > 1.2.0
补丁版本 修复问题等 1.1.0 > 1.1.1

部署流程

image.png :::info 工程化环境搭建：

  • 本地开发环境
    • vscode+react+vue+webpack+vite
  • 工具环境
    • gitlab+yapi+npm+jira（禅道）+wiki
  • 服务部署环境
    • jenkins+docker+Nginx+centos+mysql++CDN+邮箱通知 ::: :::info 部署流程：
  1. 本地提交代码
  2. gitlab触发CI，根据yaml文件执行lint或者test
  3. 触发jenkins webhook jobs的工作流
  4. 打包docker镜像

  5. 根据环境发布到不同的域名（test.xxx.com，pre.xxx.com，release.xxx.com） :::

    职级和晋升

    p5 高级工程师

    了解常见优化手段，熟悉常见的前端/移动端交互模式，能独立实现前端 /移动端交互功能
    有较为丰富的开发经验，能负责一个独立项目的开发，有稳定的产出，能解决绝大多数项目的问题
    在做技术规划和项目推进时能综合考虑技术方各种因素，合理安排工作
    能独立完成复杂任务，能够发现并解决问题，能够独当一面

    p6 资深工程师

    在某一技术方向上(vue、react、性能优化、工程化等)有较深入的研究，且结合实际场景有高产出
    在技术选型、方案设计以及技术调研方面能够提出有效的建议并推进实施,带团队的能力。
    沟通、表达能力较强，能主导、推进跨团队或跨部门的沟通，具备作为初级工程师导师 的能力

    P7 技术专家

    具有熟练的架构能力，能把控整个项目
    在某个领域有深入的研究，并有一定的成就
    能够带领一个团队实现公司的目标

    如何提升晋升力

  6. 刻意锻炼：沟通能力、规划分析能力、解决问题的能力

  7. 持续学习：培养长期学习的习惯，持续迭代完善自己的知识体系
  8. 影响力：多进行技术分享，多进行跨部门沟通，打造自己的个人影响力
  9. 技术体系：培养自己的技术体系，b端，c端，工程化(工程效率、工程质量)
  10. 目标规划：想清楚自己之后的目标是什么？管理岗或者技术专家岗
  11. 项目管理：目标和预期管理任务规划拆分

    Q&A环节

    问题记录
    …

    最后

    掘金：https://juejin.cn/user/430664288573789/posts
    B站：https://space.bilibili.com/511605498?spm_id_from=333.1007.0.0