小公司的前端建设的一些思考

在之前的企业项目开发中,做过一些前端基础建设和项目推进的工作。
完成项目之后,一直没时间整理和反思在推进过程中,遇到的问题以及解决方案,由于前端团队人员较少,更多的是多人协作以及大家共同攻克一些问题。

工具

前端的编辑器,包括sublime,还有vscode,以及webstorm、atom这类编辑器,发展到现在,vscode成为了目前前端开发的主流编辑器
在团队开发过程中,针对一些固定的插件,需要实现规范和统一。

包括:

tab缩进的大小,以及格式化的插件,例如在vue开发过程中,推荐使用Vetur进行格式化和代码约束,包括代码检查eslint这些工具。

除了统一使用的插件作为规范以外,其他的插件作为个人爱好和习惯使用即可。


项目结构目录

文件夹划分

以vue开发为例:接口api,路由router,状态管理store,组件compoment、工具类utils,建议统一划分到各自的文件夹,明确文件夹的功能,文件命名规范可以参照:vue官方文档-风格指南

文件夹命名可以根据习惯,最重要的是要明确划分功能,确保在开发过程中造成目录混乱


代码编写

javascript

  • 常量大写,规范使用let和const等命令, 变量和方法使用 驼峰or下划线进行命名,
  • 工具类utils和依赖包方法,例如:时间格式化YYYY-MM-DD,统一使用utils中的格式化方法
  • 深拷贝或者节流防抖等方法,根据项目场景封装或者使用lodash,进行统一,混合使用容易增加开发成本。

html&&css

类名使用驼峰或者以 – 作为连接,书写顺序建议以参考腾讯css书写规范

git

  • 默认一条主分支,这个应该是大家在代码维护过程中的共识了
  • 在项目完成第一次上线之后,建议增加一条fix分支作为生产环境bug维护的分支
  • 开发过程中,dev分支的提交,提交信息应该详细且最好是按照提交的类型,是否是fix还是update代码

协作开发

在开发过程中,项目的进度和周期情况都不太一样,同时有些前端开发人员可能是刚进入项目,也有些在项目中呆了比较久,能力也会有所差别,在开发和分配任务时,就需要根据不同的情况进行分配任务。

需要考虑的问题

  • 是否根据个人能力的强弱,分配任务的时候,注重培养还是按照个人擅长的领域去处理擅长的问题。
  • 业务组件和公共组件的编写,是根据分配任务的模块划分还是由某个同学单独去完成
  • 更多问题。。。

文档以及注释

  • 项目的readme.md建议尽可能地完善,不仅仅局限于 安装npm依赖和启动,更应该包含上面所提到:插件规范、一些重要的依赖项、node版本等
  • 代码注释建议保持良好的习惯,包括代码块注释,业务逻辑注释,实现痛点等

前端负责人

  • 作为前端的负责人,需要结合业务需求,做更好的技术选型,对于现有的工具有一定的了解和知识广度
  • 良好的编码基础支持作为支撑,熟悉前端项目架构,具备前端开发的技能,面对业务开发能够熟练于心,对算法有一定的能力和理解,对前端领域的技术更新和信息有良好的敏感度
  • 具有一定的管理能力,保持团队的活力,提升整个团队的战斗能力,建议可以开展一些技术分享或者讨论,引导前端团队的成员去攻克一些难题,善于发现他们的闪光点。
  • 不管是针对前端成员还是其他同事或者上级,拥有良好的沟通和理解能力,快速定位问题,进行有效沟通。

写在最后

以上就是关于小公司前端团队建设的一些思考,2022年的前端,希望各位前端开发的同学,都能找到属于自己的一片天地。

文章个人博客地址:小公司的前端建设的一些思考

欢迎关注公众号:程序员布欧,不定期更新一些前端入门文章

创作不易,转载请注明出处和作者。

页面下部广告