HTML5 - ITeye技术社区

[Web前端] Web Sockets 学习

1.postMessage()方法在Javascript中，出于代码安全性的考虑，不允许跨域访问其他页面中的元素，这个不同区域的页面数据互访带来障碍。而在HTML5中，可以利用对象的postMessage方法，在两个不同域名与端口的页面之间，实现数据的接收与发送功能。要实现跨域页面间的数据互访，需要调用对象的POSTMessage方法，其调用格式如 ...

html5 Web Sockets

0顶0踩

hjj20040849 评论(0) 有1361人浏览 2012-06-15 21:39

[Web前端] RGraph-基于HTML5的 JavaScript 动态仪表盘

目前针对于统计图的制作方法有很多，可以直接利用快逸报表中的自带统计图，还可以通过自定义统计图个性化定制，当然除此之外，在新的HTML5标准中，新增了一个非常重要的元素—canvas元素。使用该元素，可以在页面中直接进行各种复杂图形的制作。因此，如果使用该元素绘制统计图，比之前使用服务器端控件来生成统计图的方法更加具有优越性，因为使用了该元素之后，绘制统计图的工作是直接在客户端进行的，而不再是在服务 ...

RGraph js javascript绘图仪表盘 html5

4顶2踩

cuisuqiang 评论(6) 有15397人浏览 2012-06-13 09:31

[移动开发] sencha touch2学习笔记(四)---panel容器

原文链接： http://chennaigong.iteye.com/blog/1555211 在sencha touch2中，panel就是一个容器，可以容纳很多组件，可以控制布局。代码如下 Ext.application( { name:"sencha", launch:function() { var button = Ext ...

sencha touch2 panel html5

0顶0踩

348725767 评论(2) 有3203人浏览 2012-06-08 11:54

[Web前端] HTML5使用Notification桌面应用之uncaught exception:cecurity_err: DOM exception 18错误！

最近在学习，研究HTML5。今天在本地写一个Notification桌面应用的一个test.html，因为Notification Api只能在Google浏览器下的Chrome使用。所以我还特定下了一个最新版的Chrome，具体的是版本几，不太记得了！可是郁闷的是，无论是我自己编写的代码，还是在网上Copy其它的人的代码，都不能运行起来，最后使用JS调试工具发现在 Notification ...

notification html5

1顶1踩

Jz_lvcha 评论(0) 有1544人浏览 2012-06-02 10:35

[Web前端] HTML 5中的里离线事件监测

在HTML 5中，可以使用如下的方法监视是否在线还是离线的状态，而且目前看来，连IE 7都支持了，其他大部分浏览器都支持，方法为： if(navigator.onLine) { alert('You are Online'); } else { alert('You are Offline') } 而且online,offline事件还可以绑定到b ...

html5 online

1顶1踩

jackyrong 评论(0) 有1945人浏览 2012-06-02 10:12

[Web前端] HTML5中的figure标签

HTML5有很多新的标签,这次介绍的是一个很简单的标签,专门用来标识图片和相关说明的,叫figure,用法如下: <figure id=“figure”> <img src=“flying_solo_bird_photography.jpg” alt=“flying solo bird photography” title=“flying_solo_bird_phot ...

figure html5

1顶0踩

jackyrong 评论(0) 有4534人浏览 2012-05-28 20:32

[移动开发] sencha touch2学习笔记(一)---环境搭建和开发工具配置

原文链接：http://chennaigong.iteye.com/admin/blogs/1542268 最近正在了解html5的相关知识。知道了一个html5的框架-sencha touch 2。它的前身是ExtJs(js重量级框架，封 ...

sencha touch2 html5 css3 spket

2顶2踩

348725767 评论(7) 有7120人浏览 2012-05-27 20:25

[移动开发] android phonegap源码详解(三)

传送门: PhoneGap源码详解一 PhoneGap源码详解二 PhoneGap源码详解三一、 PhoneGap 的启动近期因为赶项目和犯懒，所以一直没有更新，希望朋友们见谅。前面介绍过 phoneGap 的模块化机制。其通过 require 和 define ，巧妙的将模块的定义和依赖关系隔离开来。如上图所示，在定义模块机制后。后面统统都是做 def ...

android phonegap cordova html5 javascript

2顶0踩

sd6733531 评论(5) 有6178人浏览 2012-05-22 18:16

[Web前端] jQuery和CSS 3定制HTML 5视频播放器

原文发表在：http://tech.it168.com/a2012/0426/1342/000001342700_all.shtml 为本人编译作品，请忽转载目前，随着越来越多的浏览器开始支持更多的HTML5新特性 ...

jquery 浏览器 html5

2顶3踩

jackyrong 评论(0) 有2612人浏览 2012-05-22 08:43

[Web前端] 6个免费的翻页效果jquery插件

在过去的三到五年web开发世界，jQuery的引入和流行已经取得重大的进展。Web开发人员和程序员，不断引进新的概念和方法，创建类似Flash惊人效果，然而：Flash变得过时了，Flash正在越来越少被Web开发人员和网络管理员利用。几年前，许多网站使用Flash来创建很多疯狂的Flash组件，但那些日子因为与其实现有关已经嘎然而止并逐渐让位给脚本语言，如jQuery和M ...

jquery html5 flash web javascript

0顶1踩

ialy_2000 评论(0) 有3490人浏览 2012-05-18 10:40

[移动开发] 陈俊宏：HTML5 APP与云端应用整合

HTML5 综述 HTML5 将移动终端与云计算融为一体，所以它不只是技术，更是一种新概念，是一种各行各种都要把服务往移动终端整合的新概念。概念上，HTML5 = Mobile + Cloud，商业模式将开始起大变化。因为 HTML5，您的行业里，将出现各种商业机会与创新服务。技术上，HTML 5 = HTML5 + CSS3 + JavaScript + Node ...

html5 app 陈俊宏

0顶0踩

jjklmm 评论(0) 有1116人浏览 2012-05-17 08:52

[Web前端] jquery中操作HTML5中的dataattributes

在HTML5 中，新增加了data-attributes属性，可以在页面级保存一些数据，比如： <body> <div data-site="www.codeguru.com" data-category="Technology">Hi, Welcome to HTML 5 data attributes!</div ...

html5 jquery

1顶0踩

jackyrong 评论(0) 有2680人浏览 2012-05-12 19:40

[Web前端] HTML 5中的拼写检查

在html5 中，多了不少标签和属性，其中一个的是 contenteditable属性，可以让用户在页面上编辑属性，比如： <!DOCTYPE HTML><html> <body> This is an editable paragraph. This is not an editable paragraph. </body> </html> ...

html5 contenteditable

2顶0踩

jackyrong 评论(0) 有2522人浏览 2012-05-10 20:37

[Web前端] html5 中新的datalist 自动下拉提示输入框

在日常的页面制作中，为了方便用户输入，经常可以在一个输入文本框中，当用户输入内容时，自动下拉提示建议用户的输入，这叫autocomplete或者autosuggestion功能，这样能加快用户的输入，目前的做法是通过ajax去实现，比如通过DWR等，这方面的资料很多的。而HTML5中，新增加了datalist这个标签，其实也是可以满足在前端达到同样的功能，例子如下： & ...

html5 autocomplete

4顶1踩

jackyrong 评论(4) 有7934人浏览 2012-05-03 09:10

[Web前端] html5 本地存储和会话存储

现在，HTML5BOM允许在客户端实现较大规模的数据存储，用户可以使用web存储，也可以使用web sql数据库，这两项新增功能为浏览器成为应用程序开发平台奠 ...

html5 web客户端存储 html5 本地存储和会话存储 localStorage sessionStorage

1顶1踩

hjj20040849 评论(0) 有4572人浏览 2012-05-03 19:31

[Web前端] HTML5 图像渐变效果 - 超级酷

英文原文：http://www.webdesignerwall.com/tutorials/html5-grayscale-image-hover/ 曾几何时，网站上显示的灰度图像必须手动进行转换。现在使用HTML5画布，图像可以被巧妙的转换为灰色，而不必使用图像编辑软件。我下面有一个示例，展示如何使用HTML5和jQuery动态的将彩色图像转换为灰色。贡献者：感谢达西·克拉克（我在Th ...

html5 html5渐变

12顶5踩

mixer_a 评论(1) 有2261人浏览 2012-04-24 19:30

[Web前端] HTML5和android等开发平台的使用及搭建环境

对HTML5期待很久了，今天有时间也有机会接触一下了，和以前的html4的还是有很多的改变。因为到目前为止html5一些标签对浏览器的支持还不是很完善。但是，开发前景很大，这里先说下起在android上的搭建环境及简单的一个demo! 有过web 及css.js基础的朋友们，刚开始学习起来很容易的！ 1.准备eclipse 2.sdk 3.adt 前面三个做android开发第一天的同志们 ...

html5 web 浏览器

0顶0踩

JavaEEdyc 评论(0) 有1641人浏览 2012-04-23 00:05

[Web前端] jquery右下角弹窗效果

复制代码保存到txt文本，改后缀为.html。注意引进两个js文件。jquery.js可以到官网下，jquery.messager.js我上篇博文发了，可以下载。 [html] view plaincopy

html5

2顶0踩

xpp02 评论(1) 有2829人浏览 2012-04-20 20:24

[Web前端] html5中div、section、article的区别

1 div 本身没有任何语义，用作布局或样式化。当一个标签只是为了样式化或者方便脚本使用时，应该使用 div 。 2 section 与 div 的无语义相对，简单地说 section 就是带有语义的 div 了。 section 不仅仅是一个普通的容器标签，section 表示一段专题性的内容，一般会带有标题。当元素内容明确地出现在文档大纲中时，secti ...

html5 section article

0顶0踩

jjklmm 评论(0) 有942人浏览 2012-04-19 08:49

[Web前端] html5之文件api

这篇主要是探讨一下HTML 5的文件API 1、FileList对象与file对象 FileList对象表示用户选择文件的列表，在HTML 5中，加了multiple属性，file控件允许放置多个文件。控件内的每一个用户选择的文件都是一个file对象 FileList对象是这些file对象的列表 file对象有两个属性：name属性表示文件名，不包括路径 | ...

html5 file

1顶0踩

zhangyaochun 评论(0) 有1781人浏览 2012-04-16 20:42

[Web前端] HTML5语法变化

最近一直看《HTML5 与CSS3权威指南》，其实前面自己零散地写了一部分html技巧相关的。从这篇开始我会参照此书，进行一些知识系统地整理和学习。 1、HTML 5的标记方法从HTML5开始，对于文件的字符编码推荐使用 UTF-8 2、可以省略标记的元素在HTML5，元素的标记可以省略。不允许写结束标记的元素：area、base ...

html5

0顶0踩

zhangyaochun 评论(0) 有2111人浏览 2012-04-15 14:46

[Web前端] 一步步学习HTML5 - Canvas 教学

第一步，定义和用法我们先来简单的介绍一下 Canvas的概念 <canvas> 标签定义图形，比如图表和其他图像。 <canvas> 标签只是图形容器，您必须使用脚本来绘制图形。再简单的说 canvas 标签就是在web页面上面画图，相当于java swing的draw2d,不过要区分清楚，这个可是在web页面上.. 第二步、c ...

html5

1顶0踩

mixer_b 评论(0) 有2689人浏览 2012-04-10 21:52

[移动开发] HTML5，缔造Web移动应用开发的未来

“感觉HTML5比上一代的HTML更灵活、更生动、更有趣，更贴近我们的生活。” 　　“HTML5不仅在改变Web开发的标准，也在改变我们的各种终端数码设备。” 　　“不管你是否喜欢HTML5，它都是代表着未来的发展趋势。” 　　…… 　　在这个新技术日新月异的创新时代，HTML5像是一匹黑马，横空出现在开发者们的面前。于是，业界对HTML5的热议悄然兴起。尽管 ...

html5

0顶0踩

jjklmm 评论(0) 有1326人浏览 2012-04-10 09:01

[Web前端] HTML 5中在客户端验证文件上传的大小

在HTML 5中，现在可以在客户端进行文件上传时的校验了，比如用户选择文件后，可以马上校验文件的大小和属性等，这其实时得益于浏览器端新增的对文件的校验能力，其中支持HTML 5的浏览器，都会实现W3C实现的文件API标准，其中可以读取客户端文件的各种信息和参数。下面的例子如下，首先是HTML 界面端的 <input type="file" data- ...

html5 jquery

2顶0踩

jackyrong 评论(0) 有6234人浏览 2012-04-07 16:40

[Web前端] （译）开发第一个Html5游戏（二）

开发第一个Html5游戏（二）今天我们继续学习Html5系列游戏开发，我们会在第一章的基础上做一些扩展，加入颜色渐变、绘制文本、自定义文本样式、以及动画，我们还将学习UI中一个非常重要的元素，按钮。我们的上一篇文章: （译）开发第一个Html5游戏（一） . JS代码：（完整代码请看文章结尾链接） var canvas, ct ...

Web Html5 开发翻译

0顶0踩

gutou9 评论(0) 有1085人浏览 2012-04-06 20:25

[Web前端] HTML5 CSS3 脚本库总结

啥都不说了，具体的介绍及使用就去 Google 吧。我在这里就是列出一出以后可能会用到的脚本库：（重点不是这些库如何使用，而是知道有这些库） 3D 引擎 three.js 代码： https://github.com/mrdoob/three.js 演示： http://alteredqualia.com/three/examples/webgl_cars.html http://alteredq ...

html5 css3 3d WebGL javascript

0顶0踩

yhz61010 评论(0) 有1908人浏览 2012-04-06 15:32

[Web前端] （译）开发第一个Html5游戏（一）

开发第一个Html5游戏 – 1 今天我们开始用Html5开发游戏，在第一章里，我们将主要介绍基础知识 - 使用 canvas, 一些简单的对象，填充函数，以及一些鼠标事件处理。虽然类似WebGL 制作3D等高级功能会放到以后而不是本章，但本章的内容比较基础，所以请不要忽略本章的学习。本章我们会画一些基本的图形，并为这些图形添加可拖动的功能，我们还会实现这些图形的半透 ...

Web Html5 开发翻译

0顶0踩

gutou9 评论(0) 有1243人浏览 2012-04-06 14:24

[Web前端] HTML5基础教程收集整理精华一

HTML5标签使用的常见误区http://www.xinran001.com/bbs/thread-73344-1-1.html如何在 IE 中使用 HTML5 元素http://www.xinran001.com/bbs/thread-71761-1-1.html在IE中使用HTML5功能需要注意的几点http://www.xinran001.com/bbs/thread-71953-1-1.ht ...

HTML5 HTML5教程 HTML5基础教程

0顶1踩

xinran001 评论(1) 有1163人浏览 2012-04-05 08:47

[Web前端] jWebSocket使用指南

1、先讲讲HTML5的WebSocket HTML5规范中提供了WebSocket技术，替代了之前的ajax实现消息通信的方法。 WebSocket协议，简称WS（WSS-Secure），可以支持客户端-服务端任意消息推送，支持跨域（AJAX跨域会有问题），可降低系统开销及复杂性。网上已经有很多关于WebSocket的介绍，这里不再重复。以下是WebSocketAPI的使用说明 ...

HTML5 WebSocket

3顶0踩

alex.Lin 评论(9) 有9427人浏览 2012-03-28 10:38

[Web前端] html5 中新的naturalWidth和naturalHeight属性

在HTML 5中，新增加了两个用来判断图片的宽度和高度的属性，分别为 .naturalWidth 和naturalHeight属性，例子如下： var rw = myimage.naturalWidth; // 真实图片宽度 var rh = myimage.naturalHeight; //真是图片高度但有个前提是，必须在图片完全下载到客户端浏览器才能判断，，目前在ie 9,Firef ...

html5

2顶1踩

jackyrong 评论(0) 有20730人浏览 2012-03-27 16:42