浅谈前端开发

赵商 重庆工程学院移动互联工程研究中心

Web前端开发从曾经的美工到现在的独立热门行业，短短的几年时间，随着JS或者叫ES的热门而兴起，作为一个高校在职老师，很多同学都问过我类似的问题，前端是什么，前端比后端如何，前端好学么，前端就业如何，如今我就用我对web前端开发的理解和体会，浅浅谈谈。

首先我们来看看整个Web前端的开发状况，Web前端应用发展的历史大概经历了四个阶段：第一个阶段使用的是简单的静态页面；第二个阶段使用得是JSP、ASP、PHP等动态脚本语言；第三个阶段是Web2.0阶段，其核心技术是AJAX和JQUERY；第四个阶段是基于ES6的各种框架的SPA应用。

整个前端开发技术栈我们可以分为前端语言，前端MVC框架，UI框架，模块化和打包，自动化构建，包管理，测试工具共七个部分。

1. 前端语言

从ES6或者说ES2015开始，JavaScript语言本身的标准化和发展进入划时代的阶段。除了一些新的语法糖，如胖箭头、class关键字等，让JS代码更加清爽外，新的extend继承方式、let，const变量等特性的引入则让JS更加像一门“正常”的语言。

异步操作似乎是JavaScript规范一直在孜孜解决的问题，从最早的回调函数，到Promise，到Generator函数，再到async，这些新特性一方面解决了回调地狱问题，另外一方面也让代码更加符合人类的串行思维方式。如果觉得Promise这种异步处理方式满足不了复杂的应用场景，可以采用RxJS。RxJS是响应式编程的库，基于流式编程使得编写异步代码更加容易。

当然有些浏览器始终落后于时代，如IE，不支持ES5以后的JavaScript新特性，但好在我们有Babel在，尽管放手使用最新的ES特性。……