【JavaScript】2013年人气最高的JavaScript框架排名
本文概述
本文介绍2013年人气急速上升,2014年必须知道的JavaScript框架排名。本文所介绍的排名为Google根据全世界2013年的搜索关键词所做出的统计结果。
MVC框架
JavaScript的MVC框架中人气最高的为以下四个。
- AngularJS
- Backbone.js
- Ember.js
- Knockout.js(严格来说并不是MVC框架,而是MVVM(Model -View-ViewModel)框架)
其中AngularJS的人气明显超越其他三者,2014年要学习MVC框架者不妨从AngularJS入手。
DOM操作
在可用于操作HTML的DOM(Document Object Model)的框架中,人气最高的为以下四个。
- jQuery
- Prototype JavaScript framework
- Zepto
- YUI Library
如预想的那样,jQuery的人气明显超越其他三者,其地位没有任何一个框架可以比拟。
移动开发框架
在针对iPhone/Android等移动设备进行Web网站开发时用来创建应用程序界面的框架中,人气最高的为以下四个:
- jQuery Mobile
- Sencha Touch 2
- Enyo
- jQT(原jQTouch)
其中jQuery Mobile的人气明显高于其他三者,2014年仍将维持这种现状。另外,由于越来越多的开发者开始采用自适应网站设计,移动开发框架的整体人气开始下降。
模板引擎
在模板引擎中,人气最高的为以下三个(虽然Jade也颇具人气,但主要被用于Node.js中,故未被统计在内):
- Underscore.js
- Handlebars.js
- mustache.js
其中Underscore.js始终维持着较高人气。
图形图像绘制
目前已出现了各种绘制图形图像用JavaScript框架,其中有的使用WebGL API绘制3D图形图像,有的可被用于绘制各种精美的统计图。其中人气最高的为以下5个。
- three.js
- D3.js
- KineticJS
- EaselJS
- Processing.js
JavaScript的取代品
在为了提高运行速度而意图取代JavaScript的语言或工具中,人气最高的为以下五个:
- CoffeeScript
- TypeScript
- Dart
- Haxe
- JSX
其中虽然目前人气最高的为CoffeeScript,但是受TypeScript的人气上升的影响,2013年下半年人气稍有下降。
2013年11月Dart的人气颇为上升,超越TypeScript而位居第2,直逼位于第1位的CoffeeScript。其原因为11月份Dart 1.0正式版被公布。
CSS预处理器
2013年,CSS预处理器也受到了非常多的开发者的关注,其中人气最高的为以下三个:
- Less
- Sass
- Stylus
JavaScript测试工具
最后,在测试JavaScript脚本代码时可以使用的工具中,人气最高的为以下四个:
- QUnit
- Jasmine
- Mocha(支持Node.js)
- JsTestDriver
其中虽然QUnit的人气最高,2013年全年人气逐渐下降。而人气逐渐上升的为位于第2的Jasmine。
原文地址:http://html5online.com.cn/articles/2014020601.html
【JavaScript】2013年人气最高的JavaScript框架排名的更多相关文章
- 关于在SharePoint 2013(2010)中Javascript如何实现批量批准的自定义操作功能?
1.概述: SharePoint 2013(包括SharePoint 2010)提供了很方便的,多选的界面,但是很多操作还是不能批量进行,比如:批准的功能.如果您要解决方案不关心代码,那么请直接联系作 ...
- JavaScript(14)jQuery(JavaScript 库)
JavaScript 框架(库) JavaScript 高级程序设计(特别是对浏览器差异的复杂处理),通常非常困难也非常耗时.为了应对这些调整,很多的 JavaScript (helper) 库应运而 ...
- <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 ...
- JavaScript快速入门(四)——JavaScript函数
函数声明 之前说的三种函数声明中(参见JavaScript快速入门(二)——JavaScript变量),使用Function构造函数的声明方法比较少见,我们暂时不提.function func() { ...
- JavaScript快速入门(一)——JavaScript概览
JavaScript是什么? JavaScript的诞生 在1995年前后,当时世界上的主流带宽为28.8Kbps,现在世界平均下载带宽为21.9Mbps(数据来源于http://www.netind ...
- JavaScript 是如何工作的:JavaScript 的共享传递和按值传递
摘要: 原始数据类型和引用数据类型的副本作为参数传递给函数. 原文:JavaScript 是如何工作的:JavaScript 的共享传递和按值传递 作者:前端小智 Fundebug经授权转载,版权归原 ...
- JavaScript 是如何工作的:JavaScript 的内存模型
摘要: 从内存角度理解 let 和 const 的意义. 原文:JavaScript 是如何工作的:JavaScript 的内存模型 作者:前端小智 Fundebug经授权转载,版权归原作者所有. 这 ...
- JavaScript学习之路-为什么要学习JavaScript语法
版权声明:未经博主允许不得转载 前言 为什么要学习JavaScript语法,没有理由,因为工作需要,也为了成为全栈,那现在还是好好努力学习吧! 发展 说实话,JavaScript很好学也很重要,也很容 ...
- javascript ie8兼容 a标签href javascript:void(0);
ie8兼容 a标签href javascript:void(0); 尽量不要用javascript:协议做为A的href属性,这样不仅会导致不必要的触发window.onbeforeunload事件;
随机推荐
- vijos Warcraft III 守望者的烦恼
题解 转移方程好写吧 一个一维递推式 然后我们可以构造矩阵优化 嗯,最近学一下递推优化 代码 #include<cstdio> #include<cstring> #inclu ...
- hdu1028 Ignatius and the Princess III(生成函数整理占坑)upd 已咕
先咕着 ---------------2018 5 22---------------------- 题解 生成函数处理整数拆分 code #include<cstdio> #includ ...
- 51nod1218 最长递增子序列 V2
看见标签推荐顺便就做了吧 记$f[i], g[i]$为$i$的含$i$的前缀最长递增子序列和后缀递增子序列 只要满足$f[i] + g[i] == LIS + 1$,那么$i$就是可能的 对于$i$而 ...
- Problem B: 深入浅出学算法003-计算复杂度
Description 算法复杂度一般分为:时间复杂度.空间复杂度.编程复杂度. 这三个复杂度本身是矛盾体,不能一味地追求降低某一复杂度,否则会带来其他复杂度的增加.在权衡各方面的情况下,降低时间复杂 ...
- bzoj 2693
收获: 1.积性函数的积也是积性函数,基本的积性函数:常数函数,正比例函数,欧拉函数,Mobius函数,积性函数一般都知道表达式,所以一般都可以在线性筛时搞定. 2.遇到整除求和时,这个东西就已经是最 ...
- Internationalization composition diagram
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdHJvdWJsZXNob290ZXI=/font/5a6L5L2T/fontsize/400/fill/I0 ...
- 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 ...
- Html基础知识详解
一定要做的符合客户要求,不是自己认为对的. 一.基础标签 1.1 大小颜色位置 <!DOCTYPE HTML> <html> <head> <meta htt ...
- WebService如何抛出干净的异常
转载:http://www.cnblogs.com/ahdung/p/3953431.html 说明:[干净]指的是客户端在捕获WebService(下称WS)抛出的异常时,得到的ex.Message ...
- highchart 图标技术
1.部分html文件 <div region="center" style="width: 100%; height: 100%;"> <ta ...