本文概述

本文介绍2013年人气急速上升,2014年必须知道的JavaScript框架排名。本文所介绍的排名为Google根据全世界2013年的搜索关键词所做出的统计结果。

MVC框架

JavaScript的MVC框架中人气最高的为以下四个。

  1. AngularJS
  2. Backbone.js
  3. Ember.js
  4. Knockout.js(严格来说并不是MVC框架,而是MVVM(Model -View-ViewModel)框架)

其中AngularJS的人气明显超越其他三者,2014年要学习MVC框架者不妨从AngularJS入手。

DOM操作

在可用于操作HTML的DOM(Document Object Model)的框架中,人气最高的为以下四个。

  1. jQuery
  2. Prototype JavaScript framework
  3. Zepto
  4. YUI Library

如预想的那样,jQuery的人气明显超越其他三者,其地位没有任何一个框架可以比拟。

移动开发框架

在针对iPhone/Android等移动设备进行Web网站开发时用来创建应用程序界面的框架中,人气最高的为以下四个:

  1. jQuery Mobile
  2. Sencha Touch 2
  3. Enyo
  4. jQT(原jQTouch)

其中jQuery Mobile的人气明显高于其他三者,2014年仍将维持这种现状。另外,由于越来越多的开发者开始采用自适应网站设计,移动开发框架的整体人气开始下降。

模板引擎

在模板引擎中,人气最高的为以下三个(虽然Jade也颇具人气,但主要被用于Node.js中,故未被统计在内):

  1. Underscore.js
  2. Handlebars.js
  3. mustache.js

其中Underscore.js始终维持着较高人气。

图形图像绘制

目前已出现了各种绘制图形图像用JavaScript框架,其中有的使用WebGL API绘制3D图形图像,有的可被用于绘制各种精美的统计图。其中人气最高的为以下5个。

  1. three.js
  2. D3.js
  3. KineticJS
  4. EaselJS
  5. Processing.js

JavaScript的取代品

在为了提高运行速度而意图取代JavaScript的语言或工具中,人气最高的为以下五个:

  1. CoffeeScript
  2. TypeScript
  3. Dart
  4. Haxe
  5. JSX

其中虽然目前人气最高的为CoffeeScript,但是受TypeScript的人气上升的影响,2013年下半年人气稍有下降。

2013年11月Dart的人气颇为上升,超越TypeScript而位居第2,直逼位于第1位的CoffeeScript。其原因为11月份Dart 1.0正式版被公布。

CSS预处理器

2013年,CSS预处理器也受到了非常多的开发者的关注,其中人气最高的为以下三个:

  1. Less
  2. Sass
  3. Stylus

JavaScript测试工具

最后,在测试JavaScript脚本代码时可以使用的工具中,人气最高的为以下四个:

  1. QUnit
  2. Jasmine
  3. Mocha(支持Node.js)
  4. JsTestDriver

其中虽然QUnit的人气最高,2013年全年人气逐渐下降。而人气逐渐上升的为位于第2的Jasmine。

原文地址:http://html5online.com.cn/articles/2014020601.html

【JavaScript】2013年人气最高的JavaScript框架排名的更多相关文章

  1. 关于在SharePoint 2013(2010)中Javascript如何实现批量批准的自定义操作功能?

    1.概述: SharePoint 2013(包括SharePoint 2010)提供了很方便的,多选的界面,但是很多操作还是不能批量进行,比如:批准的功能.如果您要解决方案不关心代码,那么请直接联系作 ...

  2. JavaScript(14)jQuery(JavaScript 库)

    JavaScript 框架(库) JavaScript 高级程序设计(特别是对浏览器差异的复杂处理),通常非常困难也非常耗时.为了应对这些调整,很多的 JavaScript (helper) 库应运而 ...

  3. <a href="javascript:void(0);" id='test' onclick="javascript:alert('即将上线,敬请期待!');"><em class="rmwd"></em>征稿平台</a>

    <a href="javascript:void(0);" id='test' onclick="javascript:alert('即将上线,敬请期待!');&q ...

  4. JavaScript快速入门(四)——JavaScript函数

    函数声明 之前说的三种函数声明中(参见JavaScript快速入门(二)——JavaScript变量),使用Function构造函数的声明方法比较少见,我们暂时不提.function func() { ...

  5. JavaScript快速入门(一)——JavaScript概览

    JavaScript是什么? JavaScript的诞生 在1995年前后,当时世界上的主流带宽为28.8Kbps,现在世界平均下载带宽为21.9Mbps(数据来源于http://www.netind ...

  6. JavaScript 是如何工作的:JavaScript 的共享传递和按值传递

    摘要: 原始数据类型和引用数据类型的副本作为参数传递给函数. 原文:JavaScript 是如何工作的:JavaScript 的共享传递和按值传递 作者:前端小智 Fundebug经授权转载,版权归原 ...

  7. JavaScript 是如何工作的:JavaScript 的内存模型

    摘要: 从内存角度理解 let 和 const 的意义. 原文:JavaScript 是如何工作的:JavaScript 的内存模型 作者:前端小智 Fundebug经授权转载,版权归原作者所有. 这 ...

  8. JavaScript学习之路-为什么要学习JavaScript语法

    版权声明:未经博主允许不得转载 前言 为什么要学习JavaScript语法,没有理由,因为工作需要,也为了成为全栈,那现在还是好好努力学习吧! 发展 说实话,JavaScript很好学也很重要,也很容 ...

  9. javascript ie8兼容 a标签href javascript:void(0);

    ie8兼容 a标签href javascript:void(0); 尽量不要用javascript:协议做为A的href属性,这样不仅会导致不必要的触发window.onbeforeunload事件;

随机推荐

  1. vijos Warcraft III 守望者的烦恼

    题解 转移方程好写吧 一个一维递推式 然后我们可以构造矩阵优化 嗯,最近学一下递推优化 代码 #include<cstdio> #include<cstring> #inclu ...

  2. hdu1028 Ignatius and the Princess III(生成函数整理占坑)upd 已咕

    先咕着 ---------------2018 5 22---------------------- 题解 生成函数处理整数拆分 code #include<cstdio> #includ ...

  3. 51nod1218 最长递增子序列 V2

    看见标签推荐顺便就做了吧 记$f[i], g[i]$为$i$的含$i$的前缀最长递增子序列和后缀递增子序列 只要满足$f[i] + g[i] == LIS + 1$,那么$i$就是可能的 对于$i$而 ...

  4. Problem B: 深入浅出学算法003-计算复杂度

    Description 算法复杂度一般分为:时间复杂度.空间复杂度.编程复杂度. 这三个复杂度本身是矛盾体,不能一味地追求降低某一复杂度,否则会带来其他复杂度的增加.在权衡各方面的情况下,降低时间复杂 ...

  5. bzoj 2693

    收获: 1.积性函数的积也是积性函数,基本的积性函数:常数函数,正比例函数,欧拉函数,Mobius函数,积性函数一般都知道表达式,所以一般都可以在线性筛时搞定. 2.遇到整除求和时,这个东西就已经是最 ...

  6. Internationalization composition diagram

    watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdHJvdWJsZXNob290ZXI=/font/5a6L5L2T/fontsize/400/fill/I0 ...

  7. Fully Digital Implemented Delta-Sigma Analog to Digital Converter

    http://www.design-reuse.com/articles/14886/fully-digital-implemented-delta-sigma-analog-to-digital-c ...

  8. Html基础知识详解

    一定要做的符合客户要求,不是自己认为对的. 一.基础标签 1.1 大小颜色位置 <!DOCTYPE HTML> <html> <head> <meta htt ...

  9. WebService如何抛出干净的异常

    转载:http://www.cnblogs.com/ahdung/p/3953431.html 说明:[干净]指的是客户端在捕获WebService(下称WS)抛出的异常时,得到的ex.Message ...

  10. highchart 图标技术

    1.部分html文件 <div region="center" style="width: 100%; height: 100%;"> <ta ...