前后端分离后的前端时代，使用前端技术能做哪些事？

在传统的像ASP，JSP和PHP等开发模式中，前端是处在一个混沌的状态中，可以说是没有独立的“人格”可言。前端负责切图和编写静态页面模板，后端将数据渲染到前端提供的页面模板中，最后将页面渲染到浏览器展示。

这个过程中，前端只提供页面模板或者写一些JavaScript脚本，有的甚至JS脚本都是后端来写，前端的作用只局限于切图和样式模板文件，这种角色就是传说中的“切图仔”。这也是为什么行业内都觉得前端是一个很简单的工作，只要花个一周，学下HTML、CSS和PS的简单技巧就可以胜任的工作。

前后端分离，让软件开发的流程更加清晰，解决了开发阶段的痛点。从前，前端不止要学习后端的模板渲染语法，还要配置后端的开发环境，并不断同步后端的代码，这对于前端来说是非常痛苦的。而现在，前端有自己的服务器，不需要再依靠后端服务器来支持项目运行，如果在开发阶段，还可以使用mock数据（要先和后端确定接口数据结构），摆脱对后端接口的依赖，这样极大的提高了开发效率，系统分工也更加明确。

使用前端技术，能做哪些事？

01 【网站】
网站是前端最基本的形态了，最基本的是PC端网站、移动端网站。可以在浏览器上打开，也可以在微信或各种APP内打开（这也是一直APP内webview打开的方式）

02 【H5游戏】
H5游戏已经见怪不怪了，当年微信退出打飞机游戏的时候，推动了H5游戏的大发展。它无需安装，通过手机浏览器即可访问，最大的特点就是：轻量、简单。H5游戏的开发采用HTML5的canvas制作，或者也可以使用webgl来做3D的H5游戏。

03【移动APP】
原生的移动APP，是用Native的开发语言做的，比如要开发IOS APP，你可以用Object-c，swift等，要开发Android APP，你可以用JAVA或Kotlin等。我们这里说的移动APP，是指使用前端技术来做的。
前几年，比较火的Hybird APP框架是ionic，也有国内开发者做的mui和HTML5+框架，这些框架的技术是将HTML、CSS和JavaScript打包成一个文件，将文件放到webview中访问，最后再在外层套上原生应用的壳，生成IOS和Android的安装文件。
这种APP可以做很多简单的APP，不适合交互比较复杂的APP，因为webview的性能还是存在一定的问题，在Android设备上的卡顿变现比较明显。
这两年，以React为语法基础的React Native和以Vue为语法基础的Weex框架，成为新一代使用前端技术开发移动APP的框架，它们抛弃webview使用新的渲染机制，极大的提升了APP的性能和体验。目前这两者都处在完善阶段，在未来很被看好。

04 【桌面应用】
以Nodejs和Chromium为基础的框架Electron，使得使用HTML、CSS、JavaScript开发跨操作系统的桌面应用成为可能，应用可以运行在windows、maxOS和linux系统上。

05 【Chrome APP】
Chrome浏览器上运行的插件，是运行在Chrome上的HTML应用，完全使用前端技术开发制作。2010年Google推出了基于Chrome开发的PC端操作系统Chrome OS，特点就是速度快，设计简洁等，相对应的市场上也推出了很多基于Chrome OS的笔记本电脑，厂商有三星和戴尔等。

06 【微信小程序】
2017年1月，微信推出小程序，曾一度引爆前端行业。小程序按照前端技术来设计开发，也做好了系统的兼容和不同设备的适配的设计，开发者只需要专注于实现业务代码即可。所以，只要熟悉前端技术就可以很快的做出一个小程序。

07 【Web VR、Web AR】
这两年，新兴并大火的技术是人工智能和机器学习，紧接着的应该就是VR、AR了吧，去年年底QQ和支付宝都在AR和VR方面做出尝试，在抢红包上进行实践。前端技术webgl，可以在浏览器上很好的实现3D场景，Three.js是这方便很好的JavaScript框架。Chrome浏览器已经兼容Web VR，配合Daydream View，可以浏览Web VR页面。

前端时代的到来，对于前端开发来说，是一个最好的时代，同时也是最坏的时代。说是最好的时代，是因为各种前端技术都更新换代，开始应用于更多场景，发挥出更大的优势和作用。对于前端开发者来说，是充满很多机会的。说是最坏的时代，是因为技术更新迭代速度非常快，可能在两三年内，整套技术栈都要更新一遍，需要开发者不断的取学习，更新自己的知识库，才能在技术更迭的大潮中被拍打到浪头之后。