2017年Web前端开发工程师薪资愈来愈高？

放眼全球，不只在国内的互联网行业，在国外，前端工程师同样是需求旺盛、供不该求的香饽饽。因此在供不该求的前端招聘市场上，优秀的前端工程师才是有话语权的那一方。

前端开发是作什么的？

前端是互联网时代软件产品研发中不可缺乏的一种专业研发角色。从狭义上讲，前端工程师使用 HTML、CSS、JavaScript 等专业技能和工具将产品UI设计稿实现成网站产品，涵盖用户PC端、移动端网页，处理视觉和交互问题。从广义上来说，全部用户终端产品与视觉和交互有关的部分，都是前端工程师的专业领域。

整个互联网行业都缺前端工程师的缘由？

首先让咱们分析一下最近两年html5和JavaScript的发展趋势

html5发展趋势

可见，HTML5能够说是最热门的前端岗位了，在2010年和2014年末有两次爆发性增加，如今在美国的岗位需求甚至超过了iOS。因此市场上优秀的前端工程师相对较缺乏，是一个世界性难题。

JavaScript排名状况

 

缘由一：2016年对于不少人来讲尚未完全的认识到前端开发是作什么的，那段工程师中接口技术的实现和用户体验做为一个专业的领域，因此很新。前端开发的技术也很是的迅猛。

缘由二：对前端，广泛存在巨大的误解，其实前端一点也不简单

大多人都认为前端开发是一个「相对于其余模块来讲更简单的领域」，在他们心中的前端工程师是这样工做的：

一、把Photoshop文件、图片或者线框作成一个页面；

二、偶尔设计Photoshop文件、图片或者线框；

三、用JS实现动画、过渡效果；

四、用HTML和CSS编程，实现网页的内容和形式。

事实上，前端工程师在作的是：

一、在设计师和工程师之间建立可视化的语言；

二、根据设计稿定义一组表明内容、品牌和功能的组件；

三、为Web应用程序的框架、需求、可视化的语言和规格设定基准；

四、根据设备、浏览器、屏幕、动画来划分web应用的工做划分；

五、用QA基准来保证指南来确保品牌忠诚度、代码质量、产品标准；

六、调节Web应用程序的样式，包括间距、字体、标题、图标、布局等等；

七、根据不一样分辨率、横屏竖屏等，调节Web应用程序的样式；

八、标记 Web 应用程序，使之语义化，SEO 友好；

九、经过API获取内容要考虑友好性、电池消耗性、设备和客户端的特性；

十、开发客户端要考虑动画的流畅、延迟加载、交互、应用工做流程，大多数时间用来考虑渐进加强和向后兼容的标准；

十一、保证后台链接安全，采起跨地资源共享（ CORS ）的程序考虑，防止跨站点脚本（ XSS）和跨站点请求伪造（ CSRF ） ；

十二、最重要的是，尽管有严格的期限、利益相关者的要求，以及设备的限制，不管如今仍是未来永远是「客户第一」。

为了实现上述目标，前端工程师采用了从可视化到编程的多种工具 ，甚至有时要照顾市场、 UX 到内容tweakes等等。

缘由三：大量糟糕前端工程师的存在，扰乱了市场

这或许是难以招到优秀前端工程师最明显的缘由。因为前端工程师的入门门槛很是低，JS、CSS、HTML并非很难入门掌握的语言，彷佛只要花一点时间，谁均可以经过网上教程和书本学会它。因此，大部分人学习都是浅尝辄止，觉得这些就是前端所须要的内容，不光本身埋怨工做难找，也影响了前端工程师的市场。

糟糕的前端工程师是这样作事的：

一、滥用 JavaScript 库，由于他们实际上并不了 JavaScript 的核心（e.g. 一切都用 jQuery）；

二、滥用 JavaScript 插件，无节制的复用别人的代码，哪怕本身根本读不懂；

三、不看需求、设计，也不作比较或评价，就给 Web 应用程序添加 CSS 框架，却只用到框架的一小部分；

四、认为只要用了 CSS 框架，网站就是响应式的，或是对响应式设计的意义理解不到位；

五、一边在说着「响应式 Web 设计」，却对服务器端解决方案技术一无所知；

六、用 CSS 编程时不作预处理器、命名规范等；

七、忽视性能、内存泄露（并不理解内存泄露的真正含义），不会检测代码；

八、不会用指标衡量一个产品，或者这种指标旨在本身的电脑、浏览器、设备有效；

九、忽视 30 年来的软件工程技术，闭门造车。

要知道，入门容易精通难，计算机和软件的基础对你用JS或浏览器编程都很是重要。web多是最有影响力的平台和环境之一，在那里执行的程序必须被当心对待。一位优秀的前端工程师不只要考虑web技术和语言，而且还要了解全部不一样的组件、系统和概念。

如下是优秀的前端工程师在即时面对普通的任务也会作的事情（这才是市场急需的前端）：

一、DNS 解析，使用 CDN，把资源请求分散到多个域名上去；

二、理解 HTTP Headers (Expires、Cache-Control、If-Modified-Since)

三、Steve Souders 的全部高性能网页优化规则(参考：High Performance Websites 一书)

四、如何解决 PageSpeed、YSlow、Chrome Dev Tools Audit、Chrome Dev Tools Timeline 等工具列出的全部问题；

五、什么时候把任务传到服务器，什么时候适合传到客户端；

六、缓存，预取和延迟加载技术的使用；

七、原生 JavaScript，知道什么时候从头开始作，什么时候参考别人的代码，同时能够评估这样作的优缺点；

八、 最新的 MVC Javascript 库知识以及用法；

九、CSS 标准的知识与用法；

十、JavaScript的计算机科学部分的知识（内存管理，垃圾收集算法等等）

换句话说，若是说精通HTML+CSS+JS，了解后端知识，只是60分的合格前端；那么要想成为受追捧、拿高薪的80分优秀前端，要对业务需求和、架构设计有真正的运用；而100分的顶级前端，则必需要可以兼顾技术和设计，更接近「之前端开发为主的全栈工程师」了。

学习过程当中遇到什么问题或者想获取学习资源的话，欢迎加入学习交流群343599877，咱们一块儿学前端！