tml5前端工程师的内容设计是非常复杂的，不仅要懂切图，会写html/css/js，还能处理一系列的的浏览器兼容性问题、优化网页性能等，因此只要掌握了切图技巧，也会让你的*效率提高不少呢。
（一）切图
切图是一个前端最基础的技能，一般我们使用photoshop或者FireWorks基本都能搞定设计师交付给我们的设计图，但是要提高切图效率的话就得使用一些诀窍了，比如利用PS里的动作来实现“一键切图”功能。
（二）编写html/css/js
对于编写代码部分我们首先要找到一款合适自己的IDE工具，建议不要使用notepad++或者dreamweaver，这些工具已经不符合前端潮流了，无法让自己优雅地敲代码，推荐sublime text、atom或者webstrom，因为它们除了人性化的界面和支持大多数语法的高亮外，还可以安装各种各样的插件来拓展你的IDE工具。
（三）前端自动化
提高开发效率，不得不提一些前端的自动化工具，可以使用npm来管理我们的项目*文件；利用webpack来打*压缩我们的代码；利用node.js来实现构建本地服务器；利用karma、jasmine来测试我们的前端代码。
（四）前端模块化
实现前端模块化能够方便我们项目代码的维护，实现按需加载，从长远来看对我们提高项目的开发效率是很有帮助的。
（五）前端组件化
前端组件化的概念也是由来已久，我们可以通过将我们的代码划分成不同组件来实现公用并方便维护，同样可以提升我们的开发效率。
