前端项目负责人在项目初期需要做什么？

• A：营销增长（如：针对个体要货订单预测不准，店铺运营可视化程度不够，会员缺失有效管理等）• B：供应链（如：生产与销售预测不匹配，物流配送可能存在食品安全风险等）• C：共享与组织能力（如：出账较慢，对账效率低等）• D：技术与架构（如：现存各系统协同不足，性能和功能影响业务等）

项目愿景

---

以公司项目为例：这里说的比较简单。

基于中台架构完整构建业务应用，实现业务全流程贯通，实现业务实施在线和数据口径统一，并通过中台能力，实现自动化营销，财务自动化对账并持续优化。

项目价值是什么

---

• 增加收入• 提升效率• 降低成本• 加强内控

项目阶段和周期安排

---

这个还是比较重要的，因为负责的开发任务是具有阶段性的，分为几个阶段，几个迭代，每个时间段需要做什么，有什么样的产出，是不是在业务流程上面达成共识。这个很重要。这个在下面进行任务排期的时候也会考虑进来。

团队相关

====

这里主要是对于团队内部的人员熟悉和周会早会的汇报形式和内容形式的了解。有利于后期的协作。

image.png

前端相关

====

image.png

架构相关

---

image.png

这一部分主要是为了能够给予业务，满足业务的情况下设计书写出技术架构图。前面三个是为了能够做好技术架构的基础信息了解。

如何书写架构方案

这个其实我个人也没有很好的方法论。贴两张以前画过的图：

image.png

image.png

但是到底技术架构图的标准是什么？

下面这些条件是公司大佬【阿里p8】和我过技术架构图【上面第二张图】反馈给我的。

• 技术架构：上面图主要表现的是技术架构• 业务边界：针对不同的业务场景，边界清晰，走不通的业务架构• 业务架构：针对具体的业务场景进行技术支持。例如我们遇到pos离线的场景，这属于业务架构• 动态流程：业务流程 pos 下单，查商品 商品流程如何在架构图体现【缺失】• 集成架构：其他系统集成• 部署架构：部署

技术相关

---

image.png

脚手架

技术选型 & 脚手架选型

这里主要是做技术选型和脚手架选型。因为我们相对统一，所以基本没这个问题。

系统模块处理

这里是列举了三个例子

• 权限• 多页签• 登陆校验

公共模块处理

• 公共方法：公共方法的放置• 公共枚举值：可参照用dumi发布一个用于处理枚举值的npm包[2]• 公共service：数据接口处理• 公共组件：位置放置和规范【也可通过dumi发布公有包或者私有包 参照：用react手写一个简单的日历[3]】

技术调研 & 技术落地

疑难问题的技术调研和技术落地方案。

• 以前做过：react - 多页签页面缓存[4]• 现在在做：electron 做pos【js控制打印机，js加载动态库dll适配ic卡等等】

业务开发demo

这是为了最大化的解决项目当中初级开发的开发问题。

• 代码demo：业务开发的demo代码• 开发讲解：同步讲解demo的开发模式• 文档说明：沉淀文档说明

任务划分相关

---

image.png

这里的内容就不多说了，以前的文章提到过一些：前端项目负责人需要具有的能力[5]。

根据阶段目标check任务排期是否合适

这里着重提出来，是和团队相关部分提到的阶段目标有关系。需要和阶段目标契合，这样在一个时间段，我们项目整体协作出来的东西才是完整的东西。

规范相关

---

image.png

开发规范

• 代码规范• 协作流程• 提交规范

内部协同规范

• 早会• 周会• 下发任务沟通：下发任务明确，讲清楚技术重点难点，开发人员了解并确认。• 完成任务汇报：任务完成及时汇报，更多是通过项目管理工具完成。• 疑难问题协同

文档规范

• 相关文档汇总地址• 技术文档• 规范文档• 周会文档汇总

前端部门相关

---

image.png

协作相关

====

image.png

与产品

---

image.png

统一原型规范

这里着重说明：统一原型规范，就是原型的输出同样的交互页面风格要保持统一，不允许有很大差距。

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

结尾

学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

资料领取方式：戳这里免费获取

你有帮助，可以扫码获取！！（备注：前端）**

[外链图片转存中…(img-xTOfEKr5-1713731029251)]

结尾

学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

资料领取方式：戳这里免费获取