前言

你要问前台开发难不难，我就得说计算机领域里常说的一句话，这句话就是『难的不会，会的不难』，对于不熟习某领域技术的人来说，由于不理解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；当学会这项技术之后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。

前台开发

但是，对于前台开发这个方向，即便『会了』……仍然感觉很难，唉，说多了都是泪呀，我用三个亲自经历的怪现象来说明吧。

怪现象一：谁都可以指手画脚的前台开发

我职业生涯很长一段时间都在做前台开发，我也做过后台开发，两者一比照，给我影响最深的不是技术差异，而是——前台开发者听到的『需求修改意见』要比后台多得多。

后台这东西，毕竟是藏在后面的，外行不懂就是不懂，装不出来，他们也不好自取其辱乱比划，但是，前台嘛……谁都能看得见，没吃过猪肉还没见过猪跑，所以，谁都可以指手画脚提一点意见。

只看得见界面的产品经理可以提少量意见。

项目经理可以有少量意见。

啥也不懂的老板也可以提少量意见。

甚至连后台都可以来提少量意见。

……

正由于前台的产出是看得见摸得着的，所以造成了谁都可以『提少量意见』的现象。

前台开发最大的痛啊！

怪现象二：被鄙视但又十分抢手的前台

前台开发者，你懂的，居于开发者鄙视链的低端，业务逻辑大多都居于后台，超大并发量是后台实现的，超牛逼的AI、大数据分析、商业逻辑都在后台，前台要做的只是一个功能展现，所以，后台开发普遍看不上前台开发的工作，直到……到了公司举办黑客马拉松活动的时候。

黑客马拉松，就是让程序员自行结队，在几天之内快速开发出来一个小型项目，到活动结束的时候，每个队要演示自己的产品，于是，问题来了，平常你可以鄙视前台开发者，你可以把前台开发贬得一文不值，但是，到了黑客马拉松的时候，才知道前台开发的必不可少，由于没有前台你无法『演示』你的想法。

这时候，后台开发者也会发现，平常觉得前台开发很简单，但是自己写一个最简单的AJAX form表单提交也要学半天，不论你的后台想法多么牛，假如最后没有熟练的前台开发者，最后到了演示环节也要抓瞎。

所以，每到黑客马拉松时，平常居于鄙视链最低端的前台开发者，忽然就变成了最炙手可热的红人。

谁都觉得前台开发不重要，但是又离不开前台开发。

是不是很讽刺？

怪现象三：苦不堪言的多端开发

一个正经的产品，为了满足客户不同设施上使用的要求，需要提供多用户端，最起码要有网页端、iOS端和安卓端，现在大部分产品还要考虑小程序端，这还没算iOS要分iPhone和iPad，安卓也要考虑手机和平板，甚至要考虑机顶盒设施的界面……

各种设施、各种安卓版本、各种浏览器都有各自的特（bu）点（g），每个前台开发者都有体会，很多精力都消耗在解决某个特定平台/版本/浏览器的bug上，唉，说到这里真想流泪……

由于要支持这么多不同的用户端，一个产品的前台开发者种类也不止一个，要有网页开发者、iOS开发者和安卓开发者，大一点的项目，靠一个人支撑一种用户端就不行了，需要的是网页开发团队、iOS开发团队和安卓开发团队。

其实，不同用户端实现的都是同一种功能，完全是由于这个世界存在这么多种用户端，所以我们才被迫为各个用户端写一套代码。

尽管多端的存在，添加了不少程序员的就业机会，但是，干过实际项目的都知道，这其实很麻烦，很麻烦很麻烦！为了给客户最好的体验，一定希望各端提供一致的功能界面，假如有新功能，要上一起发布上线，但是，不同团队之间开发周期一定不同，很难保证同时完成任务，最后，花费开发时间最长的那一端的开发团队就成为整个产品的短板。

每每想到这里，就缅怀秦始皇，秦始皇你要是不光把度量衡统一，把所有用户端也统一了多好。

前台开发难在哪里?

好了，看完上面这三种行业怪现象，不难看出，前台开发很真的很有难度，我这里只列出最关键的两点：

• 当需求发生变化的时候，第一线中枪的往往就是前台，而且很多需求变化和后台无关，单纯就是前台的改变。这些需求改变有的是不正当的瞎折腾，但是，客观来说，也有不少是有必要的需求改变，应该客户是上帝，客户的喜好会变化，客户的喜好我们也要反复揣摩，必需要伺候好客户，也就是要适应需求变化，所以，难点就成了——如何让前台开发适应快速变化的需求？

• 前台的学习曲线其实挺陡，很多后台开发者以为前台只是玩一玩HTML，到了自己上手的时候发现其实要学很多，下面只是一个简化了的网页前台学习路线图。

前台路线图

假如要做到高性能，要考虑CDN优化、JavaScript Profiling、打包策略……

假如要做到安全，要防止注入攻击，要防止XSS攻击，要防止CSRF攻击……

这说的还只是网页前台，没说安卓和iOS开发、小程序开发，假如把这些都带上，需要学习的知识量又要翻倍。

而且，前台也不是说读几本书即可以上手做真实项目的，假如没有对这个领域长时间的浸淫，做出来的东西很可能就是漏洞百出，这个难点就是——如何让前台学习曲线变得不陡？

总结一下：

如何让前台开发适应快速变化的需求？

如何让前台学习曲线变得不陡？

长期以来，尽管无数仁人志士想要处理这些问题，也获得了少量成果，但是，前台是个被普遍低估了难度的开发活动！

前台开发的出路在何方?

未来前台的职业发展方向

1、Web APP开发

Web或者者互联网的核心哲学理念有三点：去中心化、避免信息孤岛、万物互联。

而随着互联网速度和前台技术的发展，越来越多的大型企业开始将他们的软件给搬到了WEB上，微软就把他所有的office系列一律搬到了web上。

这些WEB APP才算是真正表现了互联网哲学的核心精神：无需安装、用完即走，而将这张未来蓝图亲手描绘出来的就是当今的web前台工程师们。

2、全栈开发

全栈（full stack developer）起源于facebook中对工程师的一种称谓，node.js的横空出世，极大程度的降低了前台工程师向后台领域拓展的难度，越来越多的高级前台工程师向着全栈发展，一肩挑起了企业项目开发的所有环节。

3、前台大数据图形展现html5

游戏从 2014 年 Egret 引擎开发的神经猫引爆朋友圈之后，就开始一发不可收拾。不过现在游戏开发变得越来越复杂，需要制作各种炫丽炫丽的效果，还要制作各炫丽于 2D 或者者 3D 的场景。为了降低游戏的开发难度，加快游戏的开发进度，国内外不同厂商推出了众多游戏开发引擎。

随着html5的快速发展，flash已经在2017年正式被adobe公司判处了死刑，各种网页游戏的开发和升级也由flash平台转战为H5平台，在2018年的云栖大会上还有一个前台领域异军突起那就是前台的大数据的图形展现，高级前台们可以轻松的使用Canvas和WebGL等技术开发各种在线游戏或者是大数据展现平台，又基于H5高度的适配性，无论是PC端、平板电脑还是手机端都能够完美的运行而无考虑兼容性。

这个行业已经这么成熟了，应该有一种尽量通用的框架来笼统可重复使用的功能，像React、Vue和JavaScript这样的前台框架，就是一种程度上的笼统。

vue.js的36个技巧

JavaScript是我们学习前台开发中非常重要的一个内容，也是一个大家经常掉坑里的难点。JavaScript现在可以说是互联网时代使用率最高的脚本语言了，在网页中，所有的数据渲染，特效的交互都需要利用JavaScript，来影响浏览器的显示。

JavaScript不只是开发网页特效和渲染数据的重要内容，在学习前台开发的后期，大量使用算法和框架的时候，对JavaScript基础的考验也是很多的。

JavaScript必备知识

在基础阶段，我们学习JavaScript需要注意：
1.基本关键字指令
2.基本数据类型、数组
3.函数
4.面向对象编程
5.原型链、闭包
6.JSON
7.Ajax
8.DOM(文档对象模型 原生DOM操作)
9.事件捕获、冒泡、代理商
10.常用函数方法

基础阶段

在JavaScript部分学习，主要还是要去了解好交互的原理，把原理分析清楚，真的了解语法，那写出多复杂的逻辑也是手到擒来。

我目前是在职前台开发，假如你现在也想学习前台开发技术，在入门学习前台的过程当中有遇见任何关于学习方法，学习路线，学习效率等方面的问题，你都可以申请加入我所在的前台学习交流裙：421374697。里面聚集了少量正在自学前台的初学者,转行者，初阶者，我这里也有我做前台技术这段时间整理的少量前台学习思维导图，前台大厂面试题，前台开发源码教程，PDF文档书籍教程,文章中涉及到的①学习路线；②vue.js的36个技巧；③JavaScript基础阶段等pdf文档需要的话都可以找裙猪获取。

假如你还在犹豫要不要步入前台，我给你的建议是，与其把时间白费在犹豫上，还不如认真的拼一把，把时间花在前台上。