一张图说明什么叫前端

​作者：vic李
链接：https://www.zhihu.com/question/20734984/answer/93787766
来源：知乎

前端这个职位被误会已久，圈子内水平良莠不齐，我就谈谈我认知中的前端吧。
什么叫前端呢？现在，公司里对前端的称呼真可谓五花八门，前端是你，页面制作也是你，直接称呼你JS的也有，切图的还是你，之所以造成这种情况，是因为前端到目前为止也还算是一个新兴的岗位，真正需要一个地地道道前端的公司也不是多数，在我看来，前端需要掌握的技能有很多很多，简单列举一下：HTML+CSS：也就是网站的骨架和样子，包括你看到的知乎的界面，一段文字，一个图片，都是一个HTML元素，至于字号是多大的，什么颜色，放在什么位置，这叫CSS，在HTML5里，CSS还能让元素运动起来，旋转，跳跃，只要你想Javascript：简单的说就是页面的大脑，把后端获取的数据添加到网页里，或者让元素运动起来，或者是改变页面的CSS，或者是操作HTML元素等等。当然，这些都是最基础的做法，作为一个前端，还要考虑JS的性能，可维护，可扩展的程度等等网站优化：打开一个网站的速度，或者是搜索排行的前后，作为前端，都算职能之内。

网站安全：作为前端，同样有不少地方要考虑安全性能

用户体验：作为前端，当项目里出现不友好的操作的时候，你也需要第一时间反馈
其实远远不止这些，前端是一个非常杂的工种，就比如某宝里，你点击加入购物车，一个小图片就以抛物线的方式飞到了屏幕右侧你的购物车里。图片怎么飞的流畅，是有很多讲究的，设计到不少数学知识，如果你是前端，数学又非常的牛，那你就能做出别人做不出来的绚丽效果。如果你美学基础非常牛，比如你知道怎么用一些简单的线条和光圈，做出穿梭时空的效果，那你也就有了自己的独到之处。
如果这些优点你都没有，就企业常用的基本技能，也够你花超长的时间去一个个攻克。

至于前端在大学什么专业，反正不会有前端专业或者Java专业，这些课程都要学。

一张图掌握移动Web前端所有技术（大前端、工程化、预编译、自动化）
你要的移动web前端都在这里！
大前端方向：移动Web前端、Native客户端、Node.js、

大前端框架：React、Vue.js、Koa

跨终端技术：HTML 5、CSS 3、JavaScript

跨平台框架：React Native、Cordova

前端工程化：Grunt、Gulp、Webpack

前端预编译：Babel、Sass、Less

自动化测试：Jasmine、Mocha、Karma

一图在手，应有尽有！

微信图片_20171010133056.png