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邮箱:[email protected]注:参考 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

时间: 2024-11-05 09:12:40

html5开放资料的相关文章

HTML5学习资料推荐

1.Html 5文档 2.Html 5中国 3.HTML5中文网 4.Html 5研究小组 5.HTML5 CSS3 典藏学习手册资料下载 HTML5学习资料推荐,布布扣,bubuko.com

html5学习资料

1.HTML5 学习网址 http://www.w3school.com.cn/html5/

HTML5、CSS3、javascript电子版视频资料免费分享(内部收藏版)

这是我给大家整理的HTML5电子版资料和视频教程资料,很多资料是大家现在找不到的电子版资料,是我们内部收藏版一手资料,现在分享给大家.大家可以加我扣扣:2919829995 ,验证信息:51cto,要资料(非此信息不通过),广告者勿加,谢谢~

50个最受网友欢迎的HTML5资源下载列表

完整附件下载地址:http://down.51cto.com/data/413867 附件预览: HTML 5游戏源码精选(共含9个游戏源码) http://down.51cto.com/zt/227 15个HTML5入门经典资料合集 http://down.51cto.com/zt/553 HTML 5基础入门学习教程 http://down.51cto.com/zt/234 初学者必知的HTML5入门级技巧[技术文档]下载 http://down.51cto.com/data/297883

HTML5学习参考资料整理

给大家推荐一下学习研究HTML5必备的一些个网站,更加有利于大家对HTML5的学些和研究.如果各位童鞋还有更多的,欢迎投递资源给我们,也可以支持 我们,让我们利用大家的力量收集更多的HTML5学习资料,让我们的开发者和HTML5的爱好者受益,利人利己的事,童鞋们多多益善啊! 1. http://www.w3school.com.cn/html5/index.asp 介绍:W3C HTML5开发者指南,学习HTML5的各种标签,查询参考手册. W3C HTML 5 权威教程 2. http://h

unity3D新闻:HTML5标准最终确定 体验或将有所改变

狗刨学习网报道:万维网联盟(World Wide Web Consortium,简称W3C)近日发布了HTML5标准的推荐版,并将其命名为用于创建网页与应用程序的HTML5标准的终极版. HTML5的发展演化是一个极其复杂又缓慢的过程,上一代HTML标准(4.0)进入到这一阶段还是在1997年的时候.问题的核心部分一直同互联网发展与改变的方式,以及人们与之展开互动的新方式--比如说,通过智能手机与应用程序进行互动--保持着紧密的关联. "如今,我们想的不再是如何自然地在浏览器上观看视频收听音频,

用HTML5 Web Storage作一个简易聊天室

前 言: 2个月前为了一个评论让我潜水(潜伏)博客园2年作了一次艰难的决定.注册了一个账号! 没事瞎逛博客园以及其他技术网站,发现一个不错的留言墙.就看了其中使用的技术.呀!惊呆了.居然是HTML5,完全没接触过呀! 再 言: 所以就搜了博客园相关文档,有如下信息: @#$^%&*( $&^^**(&( http://zzk.cnblogs.com/s?t=b&w=html5%20Storage #$%&^&*( %*(&()*%$ 资料太多了,你也

c#,asp.net 开发 app 学习资料整理

VS2015 Apache Cordova第一个Android和IOS应用 http://www.cnblogs.com/aehyok/p/4116410.html PhoneGap:免费开源的 HTML5 移动应用开发平台 http://blog.csdn.net/summerhust/article/details/8847966 学习视频http://www.imooc.com/course/list 材料模板http://www.jqueryfuns.com/ html5 学习资料htt

[转载]HTML5开发入门经典教程和案例合集(含视频教程)

http://www.iteye.com/topic/1132555 HTML5作为下一代网页语言,对Web开发者而言,是一门必修课.本文档收集了多个HTML5经典技术文档(HTML5入门资料.经典)以及游戏开发案例以及教学视频等,帮助同学们掌握这门重要的技术. 资源名称                                资源地址 WEB新技术:HTML5介绍 http://down.51cto.com/data/385440 HTML5跨平台游戏开发 http://down.51c