html5开放资料

http://www.cnblogs.com/tim-li/archive/2012/08/06/2580252.html

KineticJS教程（12）

摘要: KineticJS教程（12） 作者: ysm 12.舞台12.1.舞台的大小舞台创建后还可以用舞台对象的setSize(width, height)方法来设置舞台的宽度与高度。12.2.舞台的缩放舞台创建后还可以用舞台对象的setScale()方法来对舞台进行缩放。setScale方法可以接受一个...阅读全文

posted @ 2014-08-14 11:42 简单de快乐 阅读(103) | 评论 (0) 编辑

 

KineticJS教程（11）

摘要: KineticJS教程（11） 作者: ysm 11.对象的上下关系11.1.层的上下关系Kinetic的层是按照添加到舞台的次序，由下向上排列，上层遮盖下层的图形。每个层各自有一个ZIndex编号来表示在层级中的上下位置，编号从0开始，表示最底层，向上层依次增1。Kinetic提供了几个方法用于调...阅读全文

posted @ 2014-08-14 11:41 简单de快乐 阅读(67) | 评论 (0) 编辑

 

KineticJS教程（10）

摘要: KineticJS教程（10） 作者: ysm 10.在容器之间移动图形对象Kinetic支持通过图形对象的moveTo(container)方法把图形对象从一个容器移动到另一个容器里，这个容器指的可以是另一个舞台（Stage）、一个层（Layer）或是一个组（Group）。另外也可以把一个组（Gr...阅读全文

posted @ 2014-08-14 11:40 简单de快乐 阅读(60) | 评论 (0) 编辑

 

KineticJS教程（9）

摘要: KineticJS教程（9） 作者: ysm 9.选择器Kinetic在舞台、层和组对象上都提供了get方法，用于返回这三者中包含的对象。9.1.根据ID获取对象要用id获取对象，首先要给对象赋予一个id，比如下面代码创建的Rect的id就是id1：要注意的是，id是唯一的，不同对象不能使用相同的i...阅读全文

posted @ 2014-08-14 11:39 简单de快乐 阅读(102) | 评论 (0) 编辑

 

KineticJS教程（8）

摘要: KineticJS教程（8） 作者: ysm 8.动画动画就是一帧帧的画面按照时间间隔显示出来，Kinetic给我们提供了一个舞台对象的onFrame方法，用这个方法可以绑定一个动画方法，我们要显示的动画的每一帧画面就是在这个方法中完成绘制的。其中，这个方法接受一个对象frame为参数，此参数对象包...阅读全文

posted @ 2014-08-14 11:38 简单de快乐 阅读(82) | 评论 (0) 编辑

 

KineticJS教程（7）

摘要: KineticJS教程（7） 作者: ysm 7.图形变换7.1.线性变化Kinetic提供了一个图形对象的transitionTo(config)方法实现图形的线性变换，也就是从原始的状态线性变换到新的状态，这里的状态是指的尺度上的参数。方法的config参数也就是有关图形尺度的一些参数，比如 x...阅读全文

posted @ 2014-08-14 11:36 简单de快乐 阅读(66) | 评论 (0) 编辑

 

KineticJS教程（6）

摘要: KineticJS教程（6） 作者: ysm 6.拖拽6.1.拖拽功能要实现Kinetic对象的拖拽功能很简单，只需要将图形对象的draggable属性设为true就可以了。这种拖拽功能还可以应用到组（Group）、层（Layer）和舞台（Stage），设置方法类似。不过要注意的是，应用到组或层上时...阅读全文

posted @ 2014-08-14 11:35 简单de快乐 阅读(108) | 评论 (0) 编辑

 

KineticJS教程（5）

摘要: KineticJS教程（5） 作者: ysm 5.事件响应5.1.图形的事件响应图形对象对事件的响应处理可以使用 on() 方法绑定事件类型和相应方法。 On() 方法需要一个事件类型参数和相应方法，其中所支持的事件类型包括: mouseover， mouseout， mousemove， mous...阅读全文

posted @ 2014-08-14 11:34 简单de快乐 阅读(113) | 评论 (0) 编辑

 

KineticJS教程（4）

摘要: KineticJS教程（4） 作者: ysm 4.图形样式4.1.填充Kinetic中图形的填充属性可以在构造方法中的config参数中的fill属性进行设定，也可以用图形对象的setFill方法进行设定。不过要注意，setFill使用的填充类型必须与创建这个对象时的config中所用的填充类型相同...阅读全文

posted @ 2014-08-14 11:33 简单de快乐 阅读(88) | 评论 (0) 编辑

 

KineticJS教程（3）

摘要: KineticJS教程（3） 作者: ysm 3.图形对象3.1.ShapeKinetic提供了一个Shape对象用于在层上绘制图形，我们可以通过Kinetic.Shape()构造方法返回一个Shape对象：Shape方法的config参数是关于具体的绘图参数的数组对象，Kinetic就是根据这个参...阅读全文

posted @ 2014-08-14 11:31 简单de快乐 阅读(99) | 评论 (0) 编辑

 

KineticJS教程(1-2)

摘要: KineticJS教程(1-2)作者：ysm @ iysm.net邮箱：cleverysm@gmail.com注：参考 http://www.html5canvastutorials.com/kineticjs/html5-canvas-events-tutorials-introduction-w...阅读全文

【JavaScript】2013年人气最高的JavaScript框架排名

 

本文概述

本文介绍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

出处：http://cnblogs.com/daishuguang

 

分类: Browser：Load File + File Code / Server