加速，为了提前0.1秒打开界面，Web前端工程师背后都做了些什么？

web前端其实是一个蛮重要的角色，承载了业务的交互与展现，是一个系统跟用户打交道最紧密的角色。

先打基础，Html、Html5、CSS、JavaScript

基础的重要性自然不必多言，掌握各种基础语言的语法，然后在工作中不断历练和加深，是前端工程师的必修课。

简单的图片处理能力，也是工作的好助手。

如果公司有美工的话，一般会以PSD的形式交给你，那么从原图中切出所需部分图片，形成网页所需的jpg或gif、png等形式。

然后再使用Div+Css形成页面，并用JS增加页面的交互性，这些可以将你写的东西直观的展示出效果，所以必须熟练掌握。

再学框架，JQuery、Vue.js、React、 Foundation等

JQuery、Vue.js、React.js和Foundation都是前端的框架，类似的框架数不胜数，不同时期大家所流行使用的框架都是不同的。

每个框架也各有优缺点，需要根据实际情况选择。掌握一种到几种框架，是前端工程师的必杀技。

JQuery是使用面最广的一个流行JavaScript(JS)库，其中封装了很多方便的对DOM 页面元素进行操作的方法，使得我们可以很方便的让界面根据需要动态的展现成我们所需的样子，与用户形成舒畅的交互。

而且活跃的社区有大量插件和第三方库，对它进行不断的扩展。由于其流行性，常常与其他js框架共用。

Vue.js是从近几年开始热起来的一个JS库，支持响应式交互，双向数据绑定，组件化、路由，构建单页应用。不乏大厂推荐使用。

React.js和Angular.js经常用来互相比较,也都很热门。

Angular的背后是Google，React的背后是FaceBook，都可以看看，个人比较倾向React，而且在手机端也有React Native作为APP编程的神器。

WebPack在JS打包方面，直接使用ES6的模块化功能，再结合Webpack进行相应打包是目前最热门的打包方案

学习UI、UE

前端工程师怎么能不懂用户交互和用户体验呢？好好抽业余时间看看吧，你会找到从客户角度思考的乐趣。

UI会涉及到色彩、平面设计、控件图标等的界面设计，让用户在保持一致性的使用习惯时，获得舒适的使用体验。

UE更倾向于用户体验部分，它需要站在用户的角度，从产品表现得整体去进行策划和设计，而不仅仅是交互界面的部分。

包含了内容、用户界面（UI）、操作流程、功能设计等多个方面的用户使用感觉，需要了解用户的倾向、用户的分类、用户的行为等数据特征。

优化、优化、优化

除了在UIUE上的提升外，我们还需要不断提高代码简洁友好程度，以及机器访问的速度性能，来支撑用户需求。

在海量请求场景下，优化过的页面和没有优化的页面，访问性能和效果是大不相同的。

如何让页面加载更快、如何在有限带宽下让用户优先看到最重要的部分，而不是不停旋转的加载圈。

为了提升0.1秒的速度，可以有N种不同的原因，与N种不同的解决方案。

比如HTTP缓存、脚本调整、图片加载顺序调整、预加载、延迟加载、压缩传输等等，不断的找到它们，你的水平就会逐步进步。

觉得写得不错的的，就点个赞吧！