HTML5 - ITeye技术社区

[Web前端] 【HTML5活动】HTML5 Canvas实现贪吃蛇

活动地址：http://html5.group.iteye.com/group/topic/28234 严格来说这片博文不应该叫《HTML5 Canvas实现贪吃蛇》。因为这里除了向给大家展示用Canvas+javascript实现snake外，更重要的是我在写出snake之前，对Canvas学习过程中整理的笔记。因此这篇博文的内容有两个重点：提供关于Canvas的相关学习文档 ...

html5 canvas 贪吃蛇

3顶1踩

LeeYee 评论(1) 有2558人浏览 2011-11-26 16:10

[Web前端] 【HTML5活动】使用HTML5对web应用系统进行提升

对于一个web应用系统来说，javascript似乎是首选，近几年兴起的flex也渐渐占据一席之地，笔者是电信BI系统软件开发人员，对于web系统开发来说，拥有一套完备的、易使用的web框架（主要指前台），真的是太有必要了。 js方面就不多说了，一个强大的脚本语言，现在哪个网站或系统没用到js，那真的是太强悍或太简单了，flex那么牛叉，还是得用js垫脚。笔者的 ...

HTML5 web系统拖拽

3顶0踩

housen1987 评论(0) 有1549人浏览 2011-11-23 21:14

[Web前端] Judge Your Browser Support HTML5 Tag

查看你的浏览器是否支持最新的HTML5标签，这里我会用自带的系统函数和Modernizr做对比 1，canvas标签的支持(提供画图功能，将取代falsh) //自定义方法 function supports_canvas() { return !!document.createElement('canvas').getContext; } //Modermizr判断后面排 ...

html5 html tag canvas hml5新标签

0顶0踩

dj4307665 评论(0) 有1795人浏览 2011-11-22 09:54

[Web前端] HTML5 中用CANVAS画一个五角星

HTML5 中用CANVAS画一个五角星,代码如下: <script type="text/javascript"> function init() { var ctx = document.getElementById('stars').getContext('2d'); ctx.fillStyle = "#827839"; ...

canvas html5

3顶0踩

jackyrong 评论(2) 有8740人浏览 2011-11-17 15:14

[Web前端] window.postMessage

只是做一些简单的知识积累，初探！ HTML5标准下的postMessage postMessage可以实现跨文档消息传输（Cross Document Messageing）. IE 8,FF3,Opera9,Chrome 3和Safari4多支持可以通过绑定window的message事件来监听发生跨文档消息传输内容也可以在同源策 ...

html5 postMessage

0顶1踩

zhangyaochun 评论(1) 有1907人浏览 2011-11-09 15:36

[Web前端] 本地数据库存储JS类

//js调用本地数据库主JS文件 var HD = { is_db : null, uid : null, ukey : null, shortName : 'hd', version : '1.0', displayName : 'hd_2345', maxSize : 100000, data : null, other : null, login ...

javscript 本地存储 html5

1顶0踩

我叫张大熊评论(0) 有1187人浏览 2011-11-06 10:50

[Web前端] HTML5中新增的测量页面加载的时间API

在HTML5标准中，草案新增加了在JS中通过API计算某个页面从服务器加载返回到浏览器的时间： var startTime = new Date().getTime(); function onLoadEventHandler() { var latency = startTime - performance.timing.navigationStart; ...

performance html5

2顶0踩

jackyrong 评论(0) 有2685人浏览 2011-11-05 23:02

[Web前端] （Html 5 新特性）localStorage 介绍

在Html 5之前，由于没有localStorage，我们要实现记录密码或者自动登录的功能，基本只能依靠Cookie，而现在只能手机已经十分普遍，现在手机上浏览网页无法通过Cookie来实现类似功能，于是Html 5 给我们提供了一个非常好用的行特性localStorage。 localStorage的功能和Cookie差不多，主要用来记录一些script中需要使用的信息，它的构造和Ma ...

localstorage html5

0顶1踩

gteam.yu 评论(0) 有1905人浏览 2011-11-01 14:02

[Web前端] HTML5/CSS3清爽后台番外篇-添加锁屏效果

锁屏效果，也就是将屏幕置于模态，不允许用户触发任何动作，只能解除锁定后才能继续使用，jQueryUI的dialog有模态对话框，这一点不难做到。那么，首先需要在页面中添加一个div层，用于做模态的层： <div id="overlay"> 其对应的CSS比较简单，主要设置一下z-index属性，值设置的很大即可，就能达到覆盖其余元素的效果，加上opac ...

html5 css3 css html javascript

13顶2踩

sarin 评论(8) 有10280人浏览 2011-10-29 12:34

[Web前端] HTML5内联编辑

下面的例子展示了使用div的内联编辑模式。 <html> <head> <title> Editable <div> Element </title> <script type="text/javascript"> ...

html5 div

0顶0踩

zlpx 评论(0) 有1008人浏览 2011-10-24 09:22

[Web前端] HTML5 canvas做的一个图片局部放大的效果

看到老外做HTML5的越来越多了,今天看到一个其中用HTML5做的效果不错, 是在canvas上画的圈,做放大器,并且监视了鼠标的相关事件,代码如下: HTML部分 <!DOCTYPE html> <html lang="en" > <head> <meta charset="utf-8&quo ...

canvas html5

4顶0踩

jackyrong 评论(0) 有10620人浏览 2011-10-21 11:22

[编程语言] webSocket 服务器端的简单实现

webSocket 服务器端的简单实现上周研究了一下HTML5. 发现很多令人激动的功能。路漫漫其修远兮，吾将上下而求索！ 1. 内置数据库 2. 支持WebSocket 3. 支持多线程 4. 支持本地存储但是，仍然处于草案中的 WebSocket 竟然找不到合适的服务器，刚好工作比较闲，用来三天时间自己写了一个。功能有点简单！设计上也有很大缺陷。只 ...

webSocket 服务器端的简单实现 html5

1顶1踩

yajie 评论(0) 有2770人浏览 2011-10-07 07:52

[互联网] webSocket 服务器端的简单实现

WEBSOCKET 已经定稿 http://tools.ietf.org/html/rfc6455 如：TOMCAT RESIN 已经有相应的实现. 所以时间已经不能使用. -- 2013.3.16 上周研究了一下HTML5. 发现很多令人激动的功能。路漫漫其修远兮，吾将上下而求索！ 1. 内置数据库 2. 支持WebSocket 3. 支持多线程 4. 支持本地存储但是，仍然处于草案 ...

java html5 socket 浏览器

1顶12踩

lchshu001 评论(5) 有10395人浏览 2011-10-02 02:21

[Web前端] 基于HTML5/CSS3的清爽后台管理页面（一）

后台管理系统是企业级开发中必不可少的组成部分，一般来说其页面是比较简单的，包含登录页面和登录后的管理页面即可。登录之后，可以使用导航树来加载iframe嵌套其它页面。做页面也是程序员比较头疼的问题，那么我们就来看看企业级开发中后台页面的做法。我们使用HTML5/CSS3来简化开发达到清爽效果，但不太适用于IE9以下用户。首先编写页面的基本骨架： <!DOCTYPE html& ...

html html5 css3 css

12顶4踩

sarin 评论(1) 有20607人浏览 2011-10-01 21:36

[移动开发] 利用HTML5开发Android笔记（下篇）

资源来自于www.mhtml5.com 杨丰盛老师成都场的PPT分享一个很简明的demo 可以作为入门基础学习的过程中做了点笔记整理如下虽然内容比较简单但是数 ...

HTML5 Android

4顶4踩

cookiejj2010 评论(4) 有30112人浏览 2011-09-28 15:06

[移动开发] 利用HTML5开发Android笔记（中篇）

资源来自于www.mhtml5.com 杨丰盛老师成都场的PPT分享一个很简明的demo 可以作为入门基础学习的过程中做了点笔记整理如下虽然内容比较简单但是数量还是比较多的所以分了3篇（上）包括Android设备多分辨率的问题，Android中构建HTML5应用程序基础（中）包括Android与JS之间的互动，Android处理JS的警告对话框等，Android中的调试 ...

HTML5 Android

3顶6踩

cookiejj2010 评论(0) 有19914人浏览 2011-09-28 14:56

[移动开发] 利用HTML5开发Android笔记（上篇）

资源来自于www.mhtml5.com 杨丰盛老师成都场的PPT分享一个很简明的demo 可以作为入门基础学习的过程中做了点笔记整理如下虽然内容比较简单但是数量还是比较多的所以分了3篇（上）包括Android设备多分辨率的问题，Android中构建HTML5应用程序基础（中）包括Android与JS之间的互动，Android处理JS的警告对话框等，Android中的调试 ...

HTML5 Android

2顶2踩

cookiejj2010 评论(0) 有52890人浏览 2011-09-28 14:51

[移动开发] 目前各移动操作系统HTML5支持一览大图

目前各移动操作系统HTML5支持一览大图,很详细说明小结了目前各移动操作系统对HTML5支持的情况,值得学习:

html5

3顶0踩

jackyrong 评论(1) 有2326人浏览 2011-09-14 10:57

[Web前端] HTML5中的prefetch预加载功能初探

在HTML5中,有个很有用但常被忽略的特性,就是预先加载(prefetch),它的原理是: 利用浏览器的空闲时间去先下载用户指定需要的内容,然后缓存起来,这样用户下次加载时,就直接从缓存中取出来,效率就快了. 目前,只有firefox和chrome支持这两个特性,chrome是在version 13后开始支持的, safri和ie依然不支持. 举个例子说明:比如要预先加载某个页面,可以这 ...

chrome firefox prefetch html5

3顶1踩

jackyrong 评论(0) 有4930人浏览 2011-09-13 09:39

[Web前端] HTML5新的数字输入控件

在HTML5中,新增加了数字输入控件,其中是一个文本框外加一个数字微调上下按钮, 即一个spinner control,如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Spinner Control in HTML5 by D ...

浏览器 html5

3顶2踩

jackyrong 评论(5) 有4748人浏览 2011-09-06 08:51

[Web前端] 弥补Web开发缺陷实战HTML 5中存储API

本文乃本人原作,发表在:http://publish.itpub.net/a2011/0828/1238/000001238694.shtml, 转载请注明: 在HTML5中，新增加了方便客户端存储的API，这将比传统的cookies的功能更加强大。尽管目前HTML5标准还在不断草拟和修改中，还没最终定稿，但越来越多的浏览器已经开始对其进行支持了。这意味者，在HTML5中，用户可以使用HTML5专 ...

浏览器 html5 chrome

2顶1踩

jackyrong 评论(0) 有1323人浏览 2011-08-29 19:59

[Web前端] PandaJS 使用说明 (1.3)：文件上传与下载

PandaJS 使用说明 (1.3)：文件上传与下载　　PanadaJS 为文件上传与下载提供了服务器端和客户端的组件，客户端 JS 可以根据浏览器的支持情况，自动选择 HTML5，Flash 和传统（隐藏）表单上传；服务器端兼容 HTML5 Streaming 方式上传和 Multipart 方式上传。　　接下来，就让我们在上一篇文章编写的 hello.html 上直接添加增加一个文件上传按 ...

javascript html5 flash java Rhino

7顶4踩

裴小星评论(0) 有2209人浏览 2011-08-22 09:51

[Web前端] HTML5绘制饼图实例（二）

本文接上一讲继续来说明我们继续来制作饼图示例，结合CSS3。先说一下需求，就是一个展示的页面，用饼图来展示数据，下方给出各个扇形� ...

html css html5 javascript

10顶2踩

sarin 评论(0) 有11227人浏览 2011-08-15 21:16

[编程语言] Erlang天生就是用来处理二进制数据的~

折腾两天了，使用erlang编写最新的HTML5 websocket服务器端，找了很多资料~ 由于websocket协议更新非常频繁（感谢Google的大力推动），中文资料跟进不是很多，大多停留在最开始的版本，鲜有人写些新版的协议内容，但多讲握手协议的改变，对数据帧如何编码解码少有涉及。通过github参考了很多erlang实现的websocket，也是太多没有跟进新版协议，偶然发现一个rub ...

websocket erlang binary html5

0顶9踩

hpyhacking 评论(0) 有3622人浏览 2011-08-14 23:32

[Web前端] HTML5绘制饼图实例（一）

HTML5引入Canvas元素，用于图形的绘制，我们可以仅仅基于HTML和JavaScript就能绘制出原本可能需要第三方组件的图形。因为做数据统计比较多，那么就� ...

html5 canvas javascript

14顶6踩

sarin 评论(7) 有12268人浏览 2011-08-14 15:28

[Web前端] 初学canvas，遇到width和height显示问题和用excanvas.js兼容IE问题

/*-----------------------ITEYE 祈祷幸福博客原创，转载请注明。-------------------*/ 第一次认真写技术博客文~~~若有不严谨的地方，望指正。今天是第一天认真开始学canvas，书上网上写的还是蛮简单的，结果一写代码，遇到了一些细节细节问题，分享一下自己总结的吧。问题一：内部样式表重置canvas的width和height，图形显示不正 ...

javascript canvas css ie HTML5

1顶2踩

祈祷幸福评论(0) 有10032人浏览 2011-08-12 16:42

[Web前端] Five Things You Should Know About HTML5(HTML5，你需要知道的5件事）

Five Things You Should Know About HTML5 1. It’s not one big thing（它不是单独的大家伙） You may well ask: “How can I start using HTML5 if older browsers don’t support it?” But ...

html html5 web javascript xhtml

0顶1踩

denverj 评论(0) 有1701人浏览 2011-08-11 18:25

[Web前端] 尝试挑战 running panda ， HTML5的跑酷类游戏（开发中）

我业余时间一直在尝试用HTML5 在ios平台上开发webgame （ios是所有移动平台里对HTML5支持最好的，同时又不支持浏览器中的flash，所以我相对偏重于HTML5在ios中的应用）如今 flash通过某种方式也可以跑在了ios中，也涌现出了一些不错的游戏。其中running panda是非常不错的一款。为了便于对比，我打算用HTML5技术在ios上开发一款类似running ...

html5 游戏 ios

5顶7踩

fins 评论(4) 有5993人浏览 2011-08-01 00:02

[Web前端] 用html5中canvas标签写个贪吃蛇

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>沙舟狼客制作</title> <style type=&qu ...

html5 canvas JavaScript 贪吃蛇游戏

1顶14踩

沙舟狼客评论(1) 有2664人浏览 2011-07-31 02:05

[开源软件] 关于国内前端和JS技术发展的乱想

玉伯在我的一条微博后面写了一些（和主题不是很相关但）非常值得思考的评论。而这些评论的源头来自于我非常尊敬的不在你们前端界混的JS大师愚公（爱民）。摘录如下：玉伯也叫射雕写道想起愚公的一番言论：我们做了一个不错的东西，有很多好的 IDEA。最终这些东西却消散了，变成了另外一些更大更好的东西的局部。我们的努力白费了。我们的成果湮没了。我们——我指的是国内的软件开发的现状——什么“好”的东西也 ...

Web JavaScript 框架 HTML5 开源

47顶20踩

hax 评论(22) 有33286人浏览 2011-07-19 18:53