如何提高前端工作效率

 

1.项目的文档

  项目的文档作为一个项目的身份证，可以给新来的同事最直接的接触到项目，一个好的项目文档应该包括：

  1）项目说明

   介绍项目业务，让新员工对项目有一个总体的认识。

  2）项目地址及分支管理

  方便员工对更新代码，提高员工对分支的认识。

  3）测试环境

• 测试链接
• 登录账号
• 登录密码
• 服务器信息（方便发布）

4）正式环境

• 正式链接
• 登录账号
• 登录密码
• 服务器信息（方便发布）

  5）项目结构（部分）

    

 

2.组件库封装

• 对于经常用到的样式文件进行封装（使用时添加class即可）
• 对经常用到的方法进行封装（如：请求方法，时间格式化等，需要时导入调用）
• 对经常用到的模块封装（如：登陆模块，注册模块，支付模块等）

3.个人效率

• 拆分任务逐步实现前端开发工作
• 遇到非关键性问题卡住不要死磕，可以先绕过去做别的，之后专门解决。
• 遇到关键性问题卡住必须顶着相关人员尽快合作解决。
• 开发过程中有沟通问题必须深入有效沟通，要乐于沟通。

4，协作效率

   前端作为一个开发团队的中间站，需要和项目经理，测试，UI，后端打交道，所以提高协作效率显得尤为重要。

   1）和项目经理协作

• 开发前过一遍需求，带着问题对需求提起挑战。
• 过需求时必须明确目标，抓住需求细节。
• 对需求的技术难点进行合理分析。
• 根据情况排出合适的工期。

  2）和测试协作

• 认真和测试过测试用例。
• 提测前自己先过一遍，没有问题在提测。
• 不是特别紧急的bug提到tapd，不建议出一个问题就找前端一次。
• 测试前应该明确测试范围，比如需要兼容什么样的浏览器。避免将时间花在一些超出需求范围以外的问题上。

   3）和UI协作

• 拿到项目后UI应该把项目所用到的图都切好。
• 设计图标上字号，间距，字体等前端需要用到的信息。

   4）和后端协作

• 后端接口用postman自测，确保传输的数据无误，避免前后端都去找自己的的问题而浪费时间。
• 后端应该整理接口文档，需要传什么数据，数据类型，字段说明都给前端整理好
• 对于一一些前后端都可以完成的功能应该明确前端来做还是后端来做

5.工具

   工欲善其事，必先利其器。好的工具可以使开发事半功倍，我们应该熟悉使用vscode（开发），ps（切图），postman（接口测试），Xftp（项目发布）等工具