前端开发人员应该掌握的七大技能

 

随着互联网快速成为平常工做生活的一部分，对于从事互联网的职业也有了更加清晰的定位：设计，前端开发，后端，编辑，运营等等。在这里咱们之前端开发的人员的角度来看看应该掌握哪些技能。

大部分人会很天然地认为“页面的开发没什么技术含量，很简单”。不只有这种广泛的认知，对从业者来讲也有不少疑惑：作页面前端实现，没问题；兼容性，小case；图片集成，一直都在用……还能有什么问题？是否是真的没什么问题了呢？那么页面开发还有哪些要求，还要作些什么，这里面的水有多深，让咱们舀舀看。

技能一：绘制原型图，实现效果图

优秀的前端开发人员必然熟练掌握一种原型图设计工具，可以将构思经过工具绘制成原型图。同时可以将设计作出的视觉稿经过页面代码的方式表现出来。好比目前最流行，便捷的原型图工具Mockplus，历史悠久的Axure等。能完成这两个内容就能够初步进入页面前端的从业者行列了，但这就表明着咱们能够胜任页面开发的工做了？不，才刚刚开始！

技能二：与设计师的沟通和项目的参与

各行各业沟通很重要，做为前端开发人员，接触到的最主要的“客户”就是项目设计师。设计师根据原型图出视觉稿，在这个过程当中，前端开发人员须要和设计师进行某些效果实现的探讨，好比对低端浏览器渲染效率影响，是否能够经过CSS3实现从而使结构更加清晰，是否能在视觉效果和代码实现中寻求平衡。前端开发有义务对开发出来的页面稳定性和渲染效率负责。在不少状况下，项目进度要求设计与前端开发同步进行，这种状况下就必须尽量多的参与到项目沟通。

技能三：搭建良好的页面结构

在前端开发中页面结构的编写比如盖房时的打地基，结构的好坏会直接影响到代码的质量、JS开发、后端的开发以及之后页面的扩展、调整和迭代。当拿到设计稿以后不要急于开工，多观察思考。先分析布局，划分框架，而后规划结构，编写代码。

技能四：优美的代码

随着web项目功能愈来愈复杂，带来的直接后果就是代码的体量变得很庞大。如何进行协同开发和代码的维护是从前端开发开始就要思考的问题。这种情形下须要考虑完善，统一规划，养成一个良好的代码开发习惯。好比：合理的使用标签、良好的注释、清晰的代码结构、准确使用CSS等。优美的代码，清晰的结构可以为下游开发和协同开发下降了不小的沟通成本。

技能五：保障效率

做为项目开发中靠前的一环，前端开发人员必定要有一个认识：尽早完成为项目后续进展争取更多的时间。“工欲善其事，必先利其器”，除了实战经验和代码习惯的造成能够帮助咱们提升效率外，想要提升对本身开发的进度掌控能力，还须要学会使用辅助工具帮助提升页面开发的效率，好比使用Less 或 Sass 能够帮助咱们拓展和组织CSS，大大提升 CSS的编写效率增长了可维护性。多多发掘必定会找到最合适本身使用的工具。

技能六：针对服务器的优化

页面开发也须要了解服务器的优化，尽可能减少服务器负担。好比css sprite 就是一个典型减少服务器请求数的例子，以及对 class 名进行了混淆压缩避免命名过长的冗余；应用 base64 减小请求数量等等措施。这些都是综合权衡的结果，须要考虑各个方面总体优化。由于当页面访问量达到必定的数量级时，再小的一点优化都会达到可观的效果，不然小问题会带来大灾难。

技能七：永远不中止学习

这是一个飞速发展的时代，同时也是充满机会的时代，HTML5时代的来临伴随着移动互联网的兴起创造了更大的机会，还有太多的东西值得咱们去学习去发现。做为一名开发人员，走在技术的最前沿永远是保持竞争力最好的方式。正所谓“惟有高屋建瓴方可水到渠成”。拿苹果 CEO 在斯坦福演讲的一句话“Stay Hungry， Stay Foolish”和你们共勉。