如何提升前端开发速度和效率
2018-08-02 · 让每一名学员高薪就业
四川源码时代科技有限公司
时间管理
不同的时间段做不同的事。头脑清醒的时候，做一些难的事情；状态欠佳的时候，做一些简单的事，或干脆出去走走，休息休息。
做事时要专注。在我们专注做事时，要减少外界的干扰，比如带上耳机，将手机开静音。如果此时有人来打扰，稍后来处理他的事情；如果事情比较紧急，则记录下当前的状态，方便切换回来的时候，能迅速进入状态。我们可以尝试使用番茄工作法：在一段时间内（一般是25分钟），只做一件事情，结束后，休息一会，继续做事，以此循环。
实现不靠谱的需求。拒绝不靠谱的需求。
理解需求出现偏差。对于不理解的需求，要及时和 PM 沟通，不要自己揣测。
做与整个项目风格不一致的页面。如果设计师的设计的和当前项目的风格不一致，与其沟通，看是否能用项目中统一的风格（样式）。
想清楚实现思路后，再开始编码。有时候一个好的算法比一个差的，会简单很多。
重复造轮子。
一拿到项目就开始编码。应该熟悉当前项目所用的技术。避免重复实现项目已经实现过的功能。
重复的事情让程序来做。
项目脚手架生成器。基于此快速搭建一个项目。主流的框架都有 xx-cli 项目。也可以用 Yo 自己搭建一个。
自动添加浏览器前缀。可以用 AutoPrefix。
自动生成图片精灵。可以用 Compass。
一键切图。可以用 Cutterman。
代码改变时，浏览器自动刷新。
代码发布前做的一些事情。代码压缩，合并等。
选用合适的框架和第三方库。
用好软件。
安装一些代码补全插件。如 Emmet， Bootstrap Snippents 等
设置一些命令的简写。如，git 可以配置一些简写。
快速定位到项目中的某文件；某方法。
全局搜索，替换。
等等。
熟悉常用快捷键。
敲更少的代码。
能快速启动常用软件。
减少查找的时间。
保持工作环境的整洁。丢掉不用的东西，删除不用的文件。
常用链接的导航。
常用第三方组件整理。我积累了一些，见这里。
自己写的代码参考示例。
文档聚合网站。devdocs。
其他
两个显示屏。
保持身体健康。
做事时，保持一个积极的心态。
不做不必要做的事
优化做事的方式
不要拘泥于什么技术可用，什么技术不可用。让它在最短的时间内跑起来，在用户体验的过程中完成迭代升级。利用高速的开发流程，为项目创造竞争优势。有些可以用CSS实现的东西，没必要挂JS。然后还跑过来问“我不想用CSS，这段JS为啥不能隐藏滚动条?”这种开发者，不仅是自虐，还是在虐待访客的电脑。
针对某些要求1小时上线的变态项目，大可以用PS直接生成html，什么是标准?什么是规则?这些都是辅助我们制作网站的建议，当我们有实际需求的时候，大可以打破这种标准。标准是人制定的，前端开发者的追求目标，应该是去做制定标准的人，而不要被标准所束缚。当我们有实际需求的时候，当服务器被拖慢速度的时候，不用谁来指挥，自然会去想如何降低带宽压力。让你的团队自发思考，胜过于你拿各种标准来压迫执行。
负面影响：招聘的难度会大大增加，除非每个员工都有股份、或者是你亲自教出来的。不然，拿同样多的薪水，很少有人会自发思考公司的业务。另外，迭代的开发成本也会很高，纯静态展示页还好，加载程序的页面进行结构调整，会增大员工的工作压力。注意仅在合适的项目上玩速度。
2. 开发人员和业务人员尽可能天天都在一起工作
在团队内部，最具有效果并富有效率的沟通方式，就是面对面交谈。
QQ或者MSN，没有任何的语气语调，无法更直接的表述业务的着重点在哪里。容易产生误会。
开发过程中，要避免晦涩的文档及专业术语。每次沟通带上纸笔，说不明白就画，画不明白就抓一个业务坐你身边，让他看着做。领导层要给他们提供所需的环境和支持，有可能的话，抓一个领导坐在身边。减少交接的流程，简化开发文档。一个好的文档，是让开发人员明白每一步的要求是什么。而不在于文档字数的多少。没有文档更好，只要你能给团队讲清楚。
3. 即时响应，高效开发
在某些领域，为什么一些很小的网站可以战胜大的公司?
他们不遵循守则，他们无需层层审批，他们发现什么好的技术可以直接应用到自己的网站上。说服经理，即使很顺利，也需要一个说服的过程。况且有很多计划会夭折在领导层的审批上。用人不疑，如果你有一个不大的项目，如果你有一个可以信任的人，放手让他去做。这个有执行力的人，一定要选好。做正确的事情比做错误的事情要困难很多。
加油吧
前段开发学习裙，494-〇6，然后是4九三4
工具使用
