前端技术栈小结

技术栈示意

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版本;

你可能感兴趣的:(前端技术栈小结)