html5-web
沈纵情
有理想的小孩
展开
-
html5 input month/date/week/time/datetime/datetime-local
清注意我用的浏览器是opera无标题文档原创 2012-05-25 23:28:47 · 1476 阅读 · 0 评论 -
html5 sessionStorage与localStorage区别
html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。而localStorage用于持久化的本地存原创 2012-06-07 16:57:55 · 823 阅读 · 0 评论 -
html5 progress
原创 2012-06-07 17:23:06 · 640 阅读 · 0 评论 -
html5 svg
和canvas差不多 <rect x="10" y="10" width="100" height="100" fill="#123456" stroke="red" stroke-width="10px" rx="8" ry="8" id="myRect" class="chart" />原创 2012-06-08 14:13:47 · 404 阅读 · 0 评论 -
html5 覆盖所有API的实例
如题:http://www.apress.com/9781430238645原创 2012-06-08 17:57:52 · 580 阅读 · 0 评论 -
html5 Drag and drop
官方实例:http://html5demos.com/drag自测通过的模拟:html5 drag & drop 拖拽与拖放测试body{font-size:84%;}.dustbin{width:100px; height:260px; line-height:1.4; background-color:gray; font-size:36px; font-fa原创 2012-06-08 17:49:00 · 563 阅读 · 0 评论 -
html5 geolocation
Geolocation Geolocation Demo Live Race Data! Your Location Geolocation is not supported in your browser. Latitu原创 2012-06-12 13:39:29 · 952 阅读 · 0 评论 -
html5 svg
Happy Trails in SVG svg { border: 1px solid black; } g[id=Tree]:hover { opacity: 0.9; cursor: crosshair; } Add Tree原创 2012-06-12 13:42:58 · 1126 阅读 · 0 评论 -
html5 postMessage
1、启动服务pateo@pateo-B86N53X:~$ python -m SimpleHTTPServer 9999Serving HTTP on 0.0.0.0 port 9999 ...2、部署应用pateo@pateo-B86N53X:/var/www$ lspostMessagePortal.html 3、修改host原创 2012-06-13 14:49:00 · 1879 阅读 · 0 评论 -
html5 animation
Animation example var canvas = document.getElementById("trails"); var gravel = new Image(); gravel.src = "gravel.jpg"; gravel.onload = function () {原创 2012-06-12 14:02:25 · 1301 阅读 · 0 评论 -
html5 XMLHttpRequest Level 2
先看效果,后看代码,自测通过CORSServer.py#!/usr/bin/pythonimport BaseHTTPServerfrom SimpleHTTPServer import SimpleHTTPRequestHandlerclass CORSRequestHandler(SimpleHTTPRequestHandler): def原创 2012-06-13 15:34:49 · 1414 阅读 · 0 评论 -
html5 File Drag-and-Drop
File Drag-and-Drop Demo body { background-color: lightgrey; height: 100%;}#droptarget { background-color: white; font-family: Arial; width: 500px; height: 500px;原创 2012-06-12 13:52:55 · 1484 阅读 · 0 评论 -
html5 autofocus
自动获取焦点无标题文档原创 2012-05-25 22:55:24 · 962 阅读 · 0 评论 -
html5 input search
无标题文档原创 2012-05-25 22:48:05 · 6417 阅读 · 1 评论 -
html5 range
无标题文档原创 2012-05-25 23:07:35 · 1445 阅读 · 0 评论 -
html5 localStorage
自测通过实例: HTML5 Local Storage 你好, 我好像不认识你 忘记我吧! window.onload=function(){ if(('localStorage' in window) && window['localStorage'] !== null)原创 2012-06-07 16:44:47 · 674 阅读 · 0 评论 -
html5 Workers
相关的说明:Web Worker 规范不只是向 JavaScript 和 Web 浏览器添加并发性,桌面应用程序开发人员一直在使用多线程来支持他们的应用程序访问多个 I/O 资源,以避免在等待这些资源时冻结 UI。然而,当这些多线程更改共享的资源(包括 UI)时,这样的应用程序通常会出现问题,因为这种行为可能会导致应用程序冻结或崩溃。有了 Web Workers,这种情况就不会发生。衍生线原创 2012-06-07 14:48:21 · 625 阅读 · 0 评论 -
html5 websocket
自测通过需要的服务文件websocket.py#!/usr/bin/env pythonimport asyncoreimport socketimport structimport timeimport hashlibclass WebSocketConnection(asyncore.dispatcher_with_send): def _原创 2012-06-07 11:34:31 · 1052 阅读 · 0 评论 -
html5 canvas
简单的图形fillStyle 可以设置css颜色、一个图案或一种颜色渐变,fillStyle默认纯黑色fillRect(x,y,width,height)绘制一个矩形,并以当前fillStyle来填充strokeStyle和fillStyle 一样strokeRect(x,y,width,height)使用当前的strokeStyle来绘制一个矩形,strokeRect并不填充中间原创 2012-05-29 10:27:11 · 616 阅读 · 0 评论 -
html5 geolocaltion
我住在南京江宁区在竹山站和小龙湾站之间的谭桥,google地图好像老旧了,呵呵,官方链接:http://html5.byends.com/geo 使用Geolocation定位当前位置并显示在Google地图上原创 2012-05-26 10:59:52 · 1175 阅读 · 0 评论 -
html5 websql
自测通过,如下代码: var db = openDatabase('webdb', '1.0', 'HTML5 DB', 5 * 1024 * 1024); var msg; db.transaction(function (tx) { tx.executeSql('CREATE TABLE IF NOT EXISTS TAGS (id uni原创 2012-06-04 16:40:51 · 883 阅读 · 0 评论 -
html5 voide
测试的love.webm格式的视频文件下载地址:http://html5demos.com/assets/dizzy.webm我是开发andorid的所以整体在ubuntu环境下,这时候为了显示效果,安装了服务器,如下:$ sudo apt-get install apache2启动服务$ sudo /etc/init.d/apache2原创 2012-06-04 15:07:41 · 2269 阅读 · 0 评论 -
html5 manifest
index.html测试代码,自测通过,通过浏览器打开,切换服务可以看到效果 Cats Who Code demo Cats Who Code title connect.... ... A demo by CatsWhoCode原创 2012-06-04 18:18:01 · 1262 阅读 · 1 评论 -
HTML5 各个浏览器针对HTML5的api的支持情况的features报告
原文地址:http://www.caniuse.com/#cats=HTML5 截几张图给大家看一下原创 2012-06-05 15:18:09 · 1043 阅读 · 0 评论 -
html5 实例 demo 例子 示例 HTML5程序设计(第二版)下载地址
下载地址:http://download.csdn.net/detail/jianguo_liao19840726/4353125原创 2012-06-05 15:25:31 · 2970 阅读 · 0 评论 -
html5 itemscope itemtype
自测代码如下: liaojianguo nanjing 1595052****原创 2012-06-05 11:53:11 · 6318 阅读 · 1 评论 -
html5 测试您的浏览器针对HTML5的支持情况
测试地址:http://html5test.com/相应的我的报告原创 2012-06-05 15:08:34 · 656 阅读 · 0 评论 -
html5 中文乱码解决
解决的方法加一句:例如: 我的名字是王富强, 但大家叫我小强。 我的个人首页是: www.example.com 我住在上海市富贵新村。我是工程师, 目前在财富科技公司上班。原创 2012-06-05 13:30:55 · 3473 阅读 · 0 评论 -
html5 Google Chrome 调试
workers为例子Simple HTML5 Web Workers ExampleSimple HTML5 Web Workers ExampleYour browser does not support HTML5 Web Workers.Stop TaskPost a Messagefunction stopWorker() { worker.t原创 2012-06-07 15:37:56 · 1906 阅读 · 0 评论 -
html5 sessionStorage
自测通过,效果见:http://blog.csdn.net/jianguo_liao19840726/article/details/7642481 HTML5 Local Storage 你好, 我好像不认识你 忘记我吧! window.onload=function(){ if(('sessionS原创 2012-06-07 17:06:35 · 834 阅读 · 0 评论 -
html5 input 默认数据 placeholder
Runner:原创 2012-06-07 17:26:39 · 2772 阅读 · 0 评论 -
html5 input datalist
我用了google浏览器和火狐还有Opera都没有测试成功原创 2012-06-07 17:36:12 · 2132 阅读 · 0 评论 -
html5 简单中文api 地址
如题:http://www.w3school.com.cn/html5/原创 2012-06-07 16:49:44 · 555 阅读 · 0 评论 -
html5 sessionStorage和localStorage迭代遍历
var storage = window.localStorage; for (var i=0, len = storage.length; i len; i++){ var key = storage.key(i); var value = storage.getItem(key); console.log(key + "=" + value); }原创 2012-06-07 17:02:09 · 5751 阅读 · 0 评论