前端框架简析
Posted 星之雨
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端框架简析相关的知识，希望对你有一定的参考价值。
【nodejs】
简介：
对前端来说极其重要的一个“框架”，简直可以说是开天辟地，类比Java中：JVM
详述：
就前端来说nodejs具有划时代的意义，
做前端的没用过nodejs都不好意思说自己是前端，
做后端的没听过nodejs，
或者说不出nodejs和java的优缺点，也不是一个合格的后端。
nodejs不是一个js框架，千万不要认为是类似jquery的框架，
nodejs是js运行时，运行环境，类比java中jvm，
java的开端是什么，无疑是jvm，自从有了jvm，java才能吹牛说自己是“一次编写处处运行”，
不管你是windows还是linux，只要安装了对应版本的jvm都可以运行.class文件。
同样nodejs的作用和jvm的一样一样的，也是js的运行环境，不管是你是什么操作系统，
只要安装对应版本的nodejs，那你就可以用js来开发后台程序。
这具有划时代的意义，意味着一直以来只能在浏览器上玩来玩去的js，可以做后端开发了，
从有了nodejs后就催生出一大批用js做后台开发的前端人员，这部分人员就是偏前端的“全栈程序员”。
nodejs是和jvm同等地位的js运行环境，打开了前端人员走向后端的道路。
Node.js 是一个基于 Chrome V8 引擎的 javascript 运行环境。
Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。
Node.js 的包管理器 npm，是全球最大的开源库生态系统。
【js mvc框架】
相关框架：
框架太多，详见下面两篇文章
http://www.csdn.net/article/2014-02-24/2818519-node-js-mvc-frameworks-for-javascript-developers
http://www.csdn.net/article/2014-03-25/2818964-web-application-frameworks-for-node-js
类比Java中的：
ssh1（struts1+spring+hibernate），ssh2（struts2+spring+hibernate），ssm（springmvc+spring+mybatis）
详述：
上面说到nodejs打开了前端开发人员开发后端的大门，而且nodejs类比jvm，
那么学习java的人都知道，学习完jvm（基础）后该学什么了？
对，框架，
java中有哪些框架，正如上面所说，ssh1，ssh2，ssm等等，
这些框架都mvc框架。
既然nodej都有了，jvm出现了，那接下来就是js大神开始封装mvc框架，正如java大神开始封装mvc框架一样，
相对java流行了几种框架，nodejs对应的mvc框架就多的多了，
详见上面两篇文章，足够让你看的眼花缭乱。
其中比较有名的是expressjs。
记住，当你看到这些js框架的时候，微微一笑，原来就是写mvc框架，基于nodejs：Sails. js，Total.js，Partial.js，Koa. js，Locomotive. js，Express. js,Flatiron. js
【js模块化】
相关概念：
commonjs，amd，cmd，umd
相关框架：
commonjs，seajs，requirejs，coolie
类比Java中的：
import，对就是import。。
详述：
如上所说，当有了nodejs（jvm），有了mvcjs（ssh）之后，
可想而知，每个mvcjs中会有多少js文件，这个时候js模块化就派上用处了，
当有人和你说js模块化如何如何，感觉自己很吊的时候，甩他一句，不就是java中的import吗？
对，虽然在前端看来js模块化如何牛x，如何吊，但是就java来说就是import。
但是js中的模块化，还有很多规范，比如commonjs，amd，cmd，umd，感觉头大了吧，
其实简单的来说，就是commonjs是运行在nodejs端，amd，cmd，umd是运行在浏览器，
其作用就是import各种js文件，把js模块化管理，可以理解为java中的包管理，
同样，一个mvc，js能做出来10+种框架，可想而知模块化，js也对应很多框架，
例如commonjs，requirejs，seajs等等。commonjs，requirejs，seajs等js模块化框架，遵循各种规范（amd，cmd，umd，commonjs），类比java中的import
【reactjs】
官网：
http://facebook.github.io/react/
简介：
facebook前不久出的一款框架，众前端膜拜之。
类比Java中的：freemarker的宏。
详述：
facebook前不久出了一款js框架，reactjs，
一时间，凡是用过reactjs，或者听过reactjs的前端开发就高人一等，jsx是reactjs的格式，compiled js是jsx编译后的js，原生js。通过写jsx文件，编译后生成一段js文件
好处是封装，一大段js定义，最后只需要一句话输出，也就是一行js代码对应右边一个ui组件。
做java的不知道用过freemarker没，用过freemarker的不知道用过宏没，其实和reactjs很相似啊，只不过reactjs是在前端实现，
而freemarker是在后端实现，两者的共同点是封装，且可以传参。facebook出品的reactjs是用来开发ui库的js框架，特点是可以封装大量代码。
以上是关于前端框架简析的主要内容，如果未能解决你的问题，请参考以下文章