如何做一个有效率的前端工程师？

约定不等于承诺〃 2022-02-19 08:19 202阅读 0赞

> **小编推荐：[Fundebug][]提供JS错误监控、微信小程序错误监控、微信小游戏错误监控，Node.j错误监控和Java错误监控。真的是一个很好用的错误监控费服务，众多大佬公司都在使用。**

不知大家有没类似这样的经历：一天忙到晚，一会被PM叫去确认需求，一会被设计拉去确认UI是否能实现，一会又被测试叫去确认bug，然后貌似做了很多事，但好像工作进度也没什么进展。然后只能晚上加班，在夜深人静时还得敲代码。。。

如果我们的工作效率能高一点 ，那也就不会那边的苦逼了。所谓高效，就是，在更少的时间做更多的事。如何做？

![Image 1][]

我的做法是，观察自己做事的每个流程，看哪些可以优化。举个例子，做一个页面的流程

*  理解需求。
 *  思考实现方法。
 *  切图。
 *  编码。
 *  调试。
 *  改 bug。

如果某个流程花了很多时间，可以考虑优化。比如，如果编码很慢，考虑，是不是不熟悉框架，所以要经常查文档？还是做了很多可以用工具做的事情？以此，找到解决方案，来提高效率。

![Image 1][]

下面是一些具体的建议。

**时间管理**

*  不同的时间段做不同的事。头脑清醒的时候，做一些难的事情；状态欠佳的时候，做一些简单的事，或干脆出去走走，休息休息。
 *  做事时要专注。在我们专注做事时，要减少外界的干扰，比如带上耳机，将手机开静音。如果此时有人来打扰，稍后来处理他的事情；如果事情比较紧急，则记录下当前的状态，方便切换回来的时候，能迅速进入状态。我们可以尝试使用番茄工作法：在一段时间内（一般是25分钟），只做一件事情，结束后，休息一会，继续做事，以此循环。

![Image 1][]

**不做不必要做的事**

*  拒绝不靠谱的需求。
 *  理解需求出现偏差。对于不理解的需求，要及时和 PM 沟通，不要自己揣测。
 *  做与整个项目风格不一致的页面。如果设计师的设计的和当前项目的风格不一致，与其沟通，看是否能用项目中统一的风格（样式）。
 *  想清楚实现思路后，再开始编码。有时候一个好的算法比一个差的，会简单很多。
 *  重复造轮子。
 *  一拿到项目就开始编码。应该熟悉当前项目所用的技术。避免重复实现项目已经实现过的功能。

![Image 1][]

**优化做事的方式**

*  重复的事情让程序来做。

1.  项目脚手架生成器。基于此快速搭建一个项目。主流的框架都有 xx-cli 项目。也可以用 Yo 自己搭建一个。
2.  自动添加浏览器前缀。可以用 AutoPrefix。
3.  自动生成图片精灵。可以用 Compass。
4.  一键切图。可以用 Cutterman。
5.  代码改变时，浏览器自动刷新。
6.  代码发布前做的一些事情。代码压缩，合并等。

*  选用合适的框架和第三方库。
 *  用好软件。

![Image 1][]

*  熟悉常用快捷键。
 *  快速定位到项目中的某文件；某方法。
 *  全局搜索，替换。
 *  等等。
 *  敲更少的代码。
 *  安装一些代码补全插件。如 Emmet， Bootstrap Snippents 等
 *  设置一些命令的简写。如，git 可以配置一些简写。
 *  能快速启动常用软件。

![Image 1][]

*  减少查找的时间。
 *  保持工作环境的整洁。丢掉不用的东西，删除不用的文件。
 *  常用链接的导航。
 *  常用第三方组件整理。我积累了一些，见这里。
 *  自己写的代码参考示例。
 *  文档聚合网站。devdocs。
 *  其他
 *  两个显示屏。
 *  保持身体健康。
 *  做事时，保持一个积极的心态。

愿大家都能在编程这条路，越走越远。

作者：子瑜说IT  
链接：https://www.jianshu.com/p/5379f6e6fb89

[Fundebug]: https://www.fundebug.com/
[Image 1]: