技术栈示意
H5
html的最新标准，IE8以上的浏览器支持，这个新标准增加了很多特定的标签。
CS3
CSS的新标准，增加的流式布局，dispplay:flex, 区别于以前的箱式布局方式display:box, 这种技术非常适合制作屏幕可以根据大小自由伸缩的需求
React + Flux
React是前端JS开发框架，前端的开发已经和桌面程序前端开发的理念很接近了，基本概念就是数据和html的页面元素的绑定以及同步，react认为双向数据同步会造成混乱，即页面元素变化，数据模型也跟着变，因此他的实现的单向的数据同步，另外react的一个牛气的机制就是虚拟DOM，类似于java的虚拟机，用虚拟DOM可以解决前端浏览器的品牌和版本兼容性问题。
Flux是辅助实现单数据流编程的框架。
Npm，Nodejs, Webpack
以前的js开发都是开发单独的.js文件，然后html页面引用多个js文件来实现，随着前端类库的增多，js文件的庞大，html引入js文件也变成了一个负担，开发环境管理js库也变得复杂；
因此google推迟Npm作为js的包管理器，安装npm就需要安装nodejs；
基于nodejs可以实现用js编写server端脚本，node js server充当web服务器；
基于npm, webpack是一个打包工具，可以把使用到的类库打包为一个js文件供html引用。
ES6
javascript的2015的最新标准，有很多新的利于工程实践的语法支持。但是部分浏览器是不支持的。所以需要Babel作为转译工具；
Babel
把ES6的JavaScript语法转译为浏览器兼容性更强的ES5版本；
网友评论