如何做一个高效的前端开发工程师?

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

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

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

理解需求。

思考实现方法。

切图。

编码。

调试。

改 bug。

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

下面时一些具体的建议。

一、不做不必要做的事

实现不靠谱的需求。拒绝不靠谱的需求。

理解需求出现偏差。对于不理解的需求,要及时和 PM 沟通,不要自己揣测。

做与整个项目风格不一致的页面。如果设计师的设计的和当前项目的风格不一致,与其沟通,看是否能用项目中统一的风格(样式)。

想清楚实现思路后,再开始编码。有时候一个好的算法比一个差的,会简单很多。

重复造轮子。

一拿到项目就开始编码。应该熟悉当前项目所用的技术。避免重复实现项目已经实现过的功能。

二、优化做事的方式

重复的事情让程序来做。

项目脚手架生成器。基于此快速搭建一个项目。主流的框架都有 xx-cli 项目。也可以用 Yo 自己搭建一个。

自动添加浏览器前缀。可以用 AutoPrefix。

自动生成图片精灵。可以用 Compass。

一键切图。可以用 Cutterman。

代码改变时,浏览器自动刷新。

代码发布前做的一些事情。代码压缩,合并等。

选用合适的框架和第三方库。

用好软件。

熟悉常用快捷键。

快速定位到项目中的某文件;某方法。

全局搜索,替换。

等等。

敲更少的代码。

安装一些代码补全插件。如 Emmet, Bootstrap Snippents 等

设置一些命令的简写。如,git 可以配置一些简写。

能快速启动常用软件。

减少查找的时间。

保持工作环境的整洁。丢掉不用的东西,删除不用的文件。

常用链接的导航。

常用第三方组件整理。我积累了一些,见这里。

自己写的代码参考示例。

文档聚合网站。devdocs。

其他

两个显示屏。

保持身体健康。

内容版权声明:SEO核心技术博客原创文章归SEO核心技术博客所有。

转载注明出处SEO核心技术博客http://www.yxhuying.com/