一篇文章带你看懂前端巨坑！

前端工程师这个行业大家已经很熟悉了，随然找一个行业诞生也没有多久。现在还是有很多人对前端这个行业没有一个很好的诠释，本文将会结合行业标准来帮助大家深入的理解这个职业。如果你没有从事软件开发工作、正在从事产品运营相关、需要招聘前端开发者、入门前端的新手、对前端开发感兴趣 等等，都有必要好好 了解一下。

现在所说的前端，可不是你做个页面就可以了。前端早在11年就开始大规模招聘了，在之前，大家熟知的 DW FL FW 网页三剑客，前端这个词语都没有存在，做的事网页设计 、网页制作、页面切图等等，和后端开发来完成页面开发。 那么如今好火爆的前端行业 他的工作内容 和需要的技能 品质应该是什么样的呢？

用户体验的操刀者

WEB2.0的概念已经提出很长时间了，越来越多的人联网成为互联网用户，对网页的要求也就越来越高了，用户体验就是前端开发工程师 在开发用户界面的是时候 ，首先需要考虑的。

对于企业来说 ，尤其是互联网企业 、以及传统企业转型发展 互联网+ ，吧产品、服务 带到各地各处，网站就是用户了解 和对这家企业认知的第一印象。不妨试想一下，如果你的网站做的 像个钓鱼网站，或者是 零几年的哪种网站，用户第一感觉就是太LOW ！ 强烈的反感，非常差的用户体验，带来的用户流失是非常严重的。后端的服务器负载优化，数据库优化 用户很难在短期感受到，随然你花了很多时间和成本 精力。 但是，当用户打开你的页面 一个炫酷 崭新的界面风格，用户看到很高端 ，很显科技范儿，高端 大气 上档次 ! 这样的用户体验咋会差？ //在此我向大家推荐一个前端全栈开发交流圈：645199623 突破技术瓶颈，提升思维能力

一个项目产品经理构想出交互原型，设计师做出交互细节后 ，前端工程师 就需要用一行一行代码诠释用户行为，网站的的文字 图片基本布局，用户的点击 ，鼠标移动等，每一个操作都与用户“零距离接触” 。这所要求的 实际上是非技术层面上因素。

用户体验 实际上要求前端开发工程师需要贴合用户去开发界面。比如说，网页上的一个超链接，链接的可点击区域紧贴文字边缘。做为前端开发工程师，你该如何去做 让用户更加方便的点击？ 良好的用户体验给人带来 无论是 视觉 审美 还是在用户操作方面 都做的非常完美，随然可能具体说不出到底是哪里做的好，不过你的网站却能带来用户非常 好的一个感知。 //在此我向大家推荐一个前端全栈开发交流圈：645199623突破技术瓶颈，提升思维能力

前端工程师有点强迫症是很需要的，因为你的作品要满足各种各样的用户，所以细节上的优化非常重要，比如布局上的加载上，优先加载样式，避免让用户看到非常咋乱的布局，JS 方面的 加载不要最先，以防出错后影响后续内容的加载，让滚动更加平滑，效果更加自然 ，减少页面的视觉抖动等待 ，同时也需要尽可能的方便用户，比如当一串非电话号码的数字，不能启动拨号器功能，点击联系方式 等应该点启用相关的APP，是一个细节和长期项目积累的过程。一个页面响应时间的减少几个毫秒，用户的手机流量少几十KB，少一些点量，都有必要去追求和优化，无论用户是否感知得到，无论你所面对的用户有有达到百万千万级别 ！

心思细腻，追求完美，大局观念等等，前端开发工程师需要做的就是 要懂用户！

用户端业务逻辑

前端工程师，有编程思维是肯定要的。这个对于IE 较低的版本来说很难做到，但是现在 ie 9 ie 10 的普及，对新技术的支持 ，要求前端开发者掌握 javascript 语言的 编程思想、开发模式。做出完美交互的页面，可以与后端工程师沟通，调试调用各种接口，完成前端页面展示到后端用户数据交互 反馈一系列流程。 //在此我向大家推荐一个前端全栈开发交流圈：645199623突破技术瓶颈，提升思维能力

项目的完成需要各方面的配合，因此多学习一些软件开发，后端知识 ，网络相关的知识等等。

前端也需要架构

开篇就有所提到前端不单单是 写写页面那么简单。对于大型项目来说一个团队开发，采用模块发开发、各种MV* 等开发模式 ，显得尤为重要。

对于一个高级前端工程师来说，需要的架构能力包括但不限于：

对现有优秀框架的了解与整合使用

根据项目的业务特点构建出合适的开发模式

设计前端测试方案保证代码质量

用工程化方案组织起团队的开发流程。

向前延伸、向后延伸、持续学习

向前延伸是指羡慕的一些热门方面，物联网、人工智能、VR等等 新型技术越发火热，而这些关键节点就是移动端——手机。前端工程师不单单存在于 浏览器上，对于前端的发展 成熟 和javascript的 灵活性的语言 优点，现在的window应用，ios 应用，android应用，智能电视应用方面都有应用，在未来 VR 、课穿戴设备、智能家电 等等 都是前端工程师所延伸的方向。

向后延伸说的是 后端技术，nodejs 的出现，原本java php做的事，现在是的javascript也可以实现，如果前端的工程师有后端的基础，这将是一条一条宽阔明亮的发展大路 。而且现在不少 前端+node 后端的开发相结合的实用，符合现在产品 快速迭代开发的需求。 //在此我向大家推荐一个前端全栈开发交流圈：645199623 突破技术瓶颈，提升思维能力

持续学习，作为一个高速发展的行业尤为重要，H5 的技术日入成熟 ，前端框架快速更新迭代，相对与其他行业 技术更新非常快速。更不上脚本 就意味着脱节，觅寻新技术是前端这行业长期发展的必备要求。

当然情商也要有的，前端对接设计，又要配合后端，和设计MM 讲感觉，和编程达人讲技术 直接面向的用户，较高的沟通能力和理解能力 可以大大提高开发效率。

“我自己是一名从事了5年前端的老程序员，辞职目前在做讲师，今年年初我花了一个月整理了一份最适合2019年学习的web前端干货，从最基础的HTML+CSS+JS到移动端HTML5到各种框架都有整理，送给每一位前端小伙伴，这里是小白聚集地，欢迎初学和进阶中的小伙伴。"

加QQ群：645199623（招募中）