MVC框架(一)----前端框架分类

前端框架比较繁多,分了以下类主要有基于js的类库框架(主要分为纯类库和包含设计模式的类库)、UI框架、可视化组件等。

MVC框架(一)----前端框架分类_第1张图片

想补充一点的楼主暂时知道WPF、angularJS和VUE.JS是用的MVVM,感觉MVVM很牛逼,其实一般,简单可以理解为ASP.MVC里面的强类型数据绑定(欢迎大神斧正)。

想单独提出来的是有人会有这样的疑问:asp.mvc和apring.mvc我可以理解,但是 angular.js是单独的前端js框架也是mvvm,感觉有点扯吧?首先,这里MVC和MVVM只是设计模式,跟前端和前后端一起的没关系;其次,前端也可以有小前端后台之分,比如后台传给了前台(小后台)数据,这个就类似asp.MVC从数据库里获取了数据,也会把数据传到小前端的,这里面就有MVVM的设计模式可做文章。


一、前端框架库:



1.Zepto.js

描述:Zepto是一个轻量级的针对现代高级浏览器的JavaScript库,它与jquery有着类似的api如果你会用jquery,那么你也会用zepto。关于Zepto认知我也是通过与一位腾讯朋友聊天的时候知道的,只作了些基础的了解。


2.SUI Mobile

描述:SUI Mobile是一套基于 Framework7开发的UI库。它非常轻量、精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 6.0+ Android 4.0+,非常适合开发跨平台Web App
用途:你也看到了,他是用于无线端的Web App的开发。


3.Node.Js

描述:Node.js是一个Javascript运行环境(runtime)。实际上它是对Google V8引擎进行了封装。V8擎执行Javascript的速度非常快,性能非常好。Node.js对一些特殊用例进行了优化,提供了替代的API,使得V8在非浏览器环境下运行得更好。
Node.js是一个基于ChromeJavaScript运行时建立的平台,用于方便地搭建响应速度快、易于扩展的网络应用。Node.js使用事件驱动,非阻塞I/O模型而得以轻量和高效,非常适合在分布式设备上运行数据密集型的实时应用。
  简单的说 Node.js就是运行在服务端的 JavaScript

Node.js是一个基于ChromeJavaScript运行时建立的一个平台。

Node.js是一个事件驱动I/O服务端JavaScript环境,基于GoogleV8引擎,V8引擎执行Javascript的速度非常快,性能非常好。

用途:
(1). RESTful API

  这是NodeJS最理想的应用场景,可以处理数万条连接,本身没有太多的逻辑,只需要请求API,组织数据进行返回即可。它本质上只是从某个数据库中查找一些值并将它们组成一个响应。由于响应是少量文本,入站请求也是少量的文本,因此流量不高,一台机器甚至也可以处理最繁忙的公司的API需求。

(2).统一Web应用的UI

  目前MVC的架构,在某种意义上来说,Web开发有两个UI层,一个是在浏览器里面我们最终看到的,另一个在server端,负责生成和拼接页面。

不讨论这种架构是好是坏,但是有另外一种实践,面向服务的架构,更好的做前后端的依赖分离。如果所有的关键业务逻辑都封装成REST调用,就意味着在上层只需要考虑如何用这些REST接口构建具体的应用。那些后端程序员们根本不操心具体数据是如何从一个页面传递到另一个页面的,他们也不用管用户数据更新是通过Ajax异步获取的还是通过刷新页面。

(3).大量Ajax请求的应用

例如个性化应用,每个用户看到的页面都不一样,缓存失效,需要在页面加载的时候发起Ajax请求,NodeJS能响应大量的并发请求。  总而言之,NodeJS适合运用在高并发、I/O密集、少量业务逻辑的场景。


4.angular.Js

描述:AngularJS[1]诞生于2009年,由Misko Hevery等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。
用途:通过描述我们应该就能很好的明白AngularJS的真实用途了,MVVM,模块化,自动化双向数据绑定等等。除了简单的dom操作外,更能体现Js编程的强大。当然应用应该视场合而定。


5.JQuery Mobile

描述:Query MobilejQuery在手机上和平板设备上的版本。jQuery Mobile不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说:能开发这个项目,我们非常兴奋。移动Web太需要一个跨浏览器的框架,让开发人员开发出真正的移动Web网站。
用途:jQuery Mobile是创建移动 web应用程序的框架。
jQuery Mobile 适用于所有流行的智能手机和平板电脑。

jQuery Mobile使用 HTML5 CSS3 通过尽可能少的脚本对页面进行布局。


6.requirejs

描述:RequireJS的目标是鼓励代码的模块化,它使用了不同于传统

你可能感兴趣的:(Web)