Question

小窍门，聊一聊html5前端工程师如何提高开发效率

Answer 1

html5前端工程师如何提高开发效率

(一)切图

切图是一个前端最基础的技能，一般我们使用photoshop或者FireWorks基本都能搞定设计师交付给我们的设计图，但是要提高切图效率的话就得使用一些诀窍了，比如利用PS里的动作来实现“一键切图”功能。

(二)编写html/css/js

对于编写代码部分我们首先要找到一款合适自己的IDE工具，建议不要使用notepad++或者dreamweaver，这些工具已经不符合前端潮流了，无法让自己优雅地敲代码，小编推荐sublime text、atom或者webstrom，因为它们除了人性化的界面和支持大多数语法的高亮外，还可以安装各种各样的插件来拓展你的IDE工具。

(三)前端自动化

说到提高开发效率，这里不得不提一些前端的自动化工具，可以使用npm来管理我们的项目包文件;利用webpack来打包压缩我们的代码;利用node.js来实现构建本地服务器;利用karma、jasmine来测试我们的前端代码。

(四)前端模块化

实现前端模块化能够方便我们项目代码的维护，实现按需加载，从长远来看对我们提高项目的开发效率是很有帮助的。

(五)前端组件化

前端组件化的概念也是由来已久，我们可以通过将我们的代码划分成不同组件来实现公用并方便维护，同样可以提升我们的开发效率。

Answer 2

产品经理与设计师沟通需求，通常会用产品文档或 Axure 原型，在一起办公时大家开会讨论，面对相同的屏幕口述，都需要反复沟通才能说清楚。远程办公中，就可以将Word、PDF、Excel、PPT 和任意链接格式的需求文档上传至蓝湖；一键生成邀请链接发送给团队成员，团队成员加入后，大家都可以看到相同的内容，结合视频会议，通过打点标注的形式，即可将产品需求表达得清清楚楚，还能反复查看避免遗漏。