专栏首页我的前端路如何做一个高效的前端开发工程师

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

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

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

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

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

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

下面时一些具体的建议。

时间管理

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

不做不必要做的事

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

优化做事的方式

  • 重复的事情让程序来做。
    • 项目脚手架生成器。基于此快速搭建一个项目。主流的框架都有 xx-cli 项目。也可以用 Yo 自己搭建一个。
    • 自动添加浏览器前缀。可以用 AutoPrefix。
    • 自动生成图片精灵。可以用 Compass
    • 一键切图。可以用 Cutterman
    • 代码改变时,浏览器自动刷新。
    • 代码发布前做的一些事情。代码压缩,合并等。
  • 选用合适的框架和第三方库。
  • 用好软件。
    • 熟悉常用快捷键。
      • 快速定位到项目中的某文件;某方法。
      • 全局搜索,替换。
      • 等等。
    • 敲更少的代码。
      • 安装一些代码补全插件。如 Emmet, Bootstrap Snippents 等
      • 设置一些命令的简写。如,git 可以配置一些简写。
    • 能快速启动常用软件。
  • 减少查找的时间。
    • 保持工作环境的整洁。丢掉不用的东西,删除不用的文件。
    • 常用链接的导航。
    • 常用第三方组件整理。我积累了一些,见这里
    • 自己写的代码参考示例。
    • 文档聚合网站。devdocs
  • 其他
    • 两个显示屏。
    • 保持身体健康。
    • 做事时,保持一个积极的心态。

  • 资料:
  • 《 Bootstrap Snippents》:aiidol.com
  • 《Emmet》:www.3sjtw.com

原文链接:http://www.yyyweb.com/4961.html

我来说两句

0 条评论
登录 后参与评论

相关文章

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

    不知大家有没类似这样的经历:一天忙到晚,一会被PM叫去确认需求,一会被设计拉去确认UI是否能实现,一会又被测试叫去确认bug,然后貌似做了很多事,但好像工作进度...

    用户4962466
  • 15个新鲜出炉的 Photoshop 文本效果教程

     文本效果可能是 Photoshop 图形设计中最常用和最通用的技术之一。最重要的是你可以使用任何效果,风格或纹理来产生有趣的排版,越多人尝试过它并制作了一些精...

    用户4962466
  • 毁灭程序员效率的 15 个障碍

    昨天必须得发布产品。用户争闹和咆哮某个缺失的功能。老板的老板说,我们最好迅速行动起来否则就炒我们的鱿鱼。感觉一切都有心无力。

    用户4962466
  • 【程序源代码】垃圾识别小程序(源码)

    前端:微信小程序采用 uni-app 开发框架,uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Andro...

    程序源代码
  • 公钥 私钥 签名 验签 说的啥?

    散列算法,也叫做哈希函数,是从一个任何一种数据中创建小的数字方法,散列函数把消息或者数据压缩成摘要,有时候也叫做摘要算法。把数据量变小,将数据的格式固定下来。

    王小明_HIT
  • RDP的阈值怎么选?

    昨天有读者问我RDP的阈值怎么选,我只知道用默认的就行,并不知道原因。于是查了一下:

    生物信息知识分享
  • 用Python围观垃圾分类是什么回事

    纸巾再湿也是干垃圾?瓜子皮再干也是湿垃圾??最近大家都被垃圾分类折磨的不行,傻傻的你是否拎得清????自2019.07.01开始,上海已率先实施垃圾分类制度,违...

    叫我龙总
  • NoSQL | Redis、Memcache、MongoDB特点、区别以及应用场景

    本篇文章主要介绍Nosql的一些东西,以及Nosql中比较火的三个数据库Redis、Memcache、MongoDB特点、区别以及应用场景。 ? Nosql介绍...

    码神联盟
  • 漫谈“数据仓库演进史”

    人类的发展,离不开信息的积累。从原始社会的口口相传,到需要将信息记录下来。那么如何记载信息呢?于是有了最早的记载方式——结绳记事。

    用户5548425
  • 小心 base64 编码数据拖慢你的后台服务

    今天,同事小赵接到客户导入新闻数据要求,由客户提供新闻数据。于是小赵通过 SQL 脚本把新闻数据入库后,发现前台展示新闻特别慢。幸好当时是晚上凌晨1点,用户比较...

    Wooola

扫码关注云+社区

领取腾讯云代金券