
HTML 5
mibb005
这个作者很懒,什么都没留下…
展开
-
appcan
AppCan介绍 AppCan移动快速开发平台是基于HTML5技术的跨平台快速开发解决方案,坚持开发简单、免费使用的原则,为广大手机应用开发者提供简单、快速、高效的手机应用开发服务。 [2] 通过AppCan开发完成的手机应用可以实现一次开发,同时适配iOS、Android、Windows Phone、Symbian,四大移动平台。 AppC转载 2012-07-16 16:06:35 · 278 阅读 · 0 评论 -
基于百度地图的HTML5地理位置定位实例
无标题文档http://api.map.baidu.com/api?v=1.3″>>function getLocation(){if(navigator.geolocation){navigator.geolocation.getCurrentPosition(showMap, handleError, {enableHighAccuracy:true, maximu转载 2012-07-18 08:52:40 · 2530 阅读 · 0 评论 -
Dive Into HTML5:地理位置
地理位置可以找到你在这个世界上的位置,如果你愿意,还可以将这个信息分享给你的朋友。我们有很多种方法来找出你所在的位置:IP 地址,无线网络的连接(我们可以根据你的手机连接到哪个基站来识别出位置),或者是设备中的 GPS 模块。FAQQ: 地理位置听起来很恐怖,我可以关闭吗?A: 与远程服务器共享你的物理位置的确是一件涉及隐私的问题。地理位置 API 明确要求:“User转载 2012-07-18 08:59:58 · 396 阅读 · 0 评论 -
图片上传预览
#preview_wrapper { display: inline-block; width: 350px; height: 200px; } #preview_fake { filter: progid:DXImageT原创 2012-11-08 11:07:18 · 495 阅读 · 0 评论 -
DOM对象和jQuery对象的相互转换
在学习jQuery的时候,有时候总是把DOM对象和jQuery对象弄混,用DOM对象去调用jQuery对象的方法,用jQuery对象的方法去调用DOM对象的方法,这是不可以的。其实这两种东西可以进行相互的转换,在使用的时候可以搭配使用。转换的过程十分的简单。1、DOM对象转换为jQuery对象对于一个DOM对象来说,要把它转换成jQuery对象只需要给DOM对象前加上$符号即可。格式:转载 2012-11-08 16:10:01 · 215 阅读 · 0 评论 -
jq回到页面顶部代码
$('#pagetop').click(function () { $('html,body').animate({ scrollTop: 0 }, 'fast'); return false; });原创 2012-11-14 14:05:00 · 314 阅读 · 0 评论 -
select的上下移动
function MoveUpOrDown(isUp) { var listbox = $("select[name='OrderList']"); if ($(listbox).find("option:selected").text().length == 0) { alert("移動させる項目を選択してください。"); } e原创 2012-11-14 14:12:45 · 283 阅读 · 0 评论 -
ime-mode
ime-mode版本:IE5+专有属性 继承性:无 语法: ime-mode : auto | active | inactive | disabled 参数: auto : 不影响IME的状态。与不指定ime-mode属性时相同active : 指定所有使用IME输入的字符。即激活本地语言输入法。用户仍可以撤销激活IMEinactive : 指定所有转载 2012-11-14 13:44:36 · 295 阅读 · 0 评论 -
jq图片切换
用于按钮背景图片切换$(function(){ var images = $("img"); for (var i = 0; i if (images.eq(i).attr("src").match("_off.")) { $("img").eq(i).hover(function () { $原创 2012-11-14 14:03:49 · 1424 阅读 · 0 评论 -
content-type语法
HTML meta content-type 定义文件MIME类型 HTML meta charset 定义网页编码信息content-type 属性值 -- 定义文件MIME类型content-type用于定义用户的浏览器或相关设备如何显示将要加载的数据,或者如何处理将要加载的数据,此属性的值可以查看MIME类型content-language出现在http-e原创 2013-01-25 10:26:48 · 235 阅读 · 0 评论 -
【译】在本地存储中保存图片和文件
【译】在本地存储中保存图片和文件2012年02月26日 吴 天豪 JavaScript无评论原文地址:http://hacks.mozilla.org/2012/02/saving-images-and-files-in-localstorage/你可能已经对本地存储有所了解,本地存储在浏览器中快速存储数据的时候特别强大,并且已经在浏览器中存在多时。但是如何才能在本转载 2013-01-25 11:13:39 · 1210 阅读 · 0 评论 -
AjaxFileUploader上传插件
AjaxFileUploader上传插件 兼容性好 Ie Chrome Firefoxhtml:DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">html xmlns="http://www.w3.o转载 2013-01-25 17:03:00 · 813 阅读 · 0 评论 -
基于HTML5的可预览多图片Ajax上传
基于HTML5的可预览多图片Ajax上传by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=1923一、关于图片上传什么什么的在XHTML的时代,我们使用HTML file控件上传图片一次只能上传一张。要一次上传多图,做法是借助于flash。例如s转载 2013-01-25 13:30:59 · 3884 阅读 · 0 评论 -
base64:URL背景图片与web页面性能优化
一、base64百科Base64是网络上最常见的用于传输8Bit字节代码的编码方式之一,可用于在HTTP环境下传递较长的标识信息。某人: 唉,我彻底废柴了,为何上面明明是中文,洒家却看不懂嘞,为什么?~~好吧,我也不喜欢专业术语的解释。你只要知道,base64编码就是长得像下面这样子的代码:thunder://QUFodHRwOi8vd3d3LmJhaWR1LmNvbS转载 2013-01-25 13:39:11 · 308 阅读 · 0 评论 -
HTML5 实现 DragDrop
DragDrop 看似简单,实现起来却不大容易。 HTML5 已经提供了用于支持 DragDrop 的事件。使用这些事件可以方便实现 dragdrop。介于有些朋友对 HTML5 的 dragdrop 不熟,在这里先介绍下标准的 dragdrop 。dragdrop 不是新物,早在 IE4 就有了。但那时只是 IE 的独家技能,所以标准浏览器不支持此事件,现在 HTML5 采用了 IE 的转载 2013-02-07 10:41:24 · 356 阅读 · 0 评论 -
一句代码实现 HTML5 语音搜索
淘宝网的语音搜索也有了一阵子了,但似乎都没看到相关的博客或帖子在说这个如何实现,今天查了点资料,发现原来实现是如此简单,可能是因为太简单了,也就没有人讨论了吧。 其实实现只需一句代码即可:x-webkit-speech 一看到这句代码,想到了什么?对,这说明语音搜索只支持webkit内核浏览器,那么这段代码具体要放在哪呢??i转载 2012-05-25 17:49:41 · 219 阅读 · 0 评论 -
HTML5表单设计
在这个离线系统中,表单无疑是构成这个离线系统的视图部分,作为最前端,与客户的操作最密切相关的一块,所以我们有必要先了解一下HTML5的Forms API,它有如下特性: 表单仍然使用Form元素作为容器,我们可以在其中设置基本的提交性质;用户或者开发人员提交页面的时候,表单仍用于向服务器端发送表单中控件的值;沿用之前的表单控件及其使用方法,并不断发展和增加新的控件和功能;转载 2012-05-25 11:02:23 · 2771 阅读 · 1 评论 -
HTML5 WebSocket之HelloWorld
方案要实现一个WebSocket有很多方案,客户端方面可以用原生的WebSocket对象,也可以使用类似Socket.IO、jQuery Websocket Plugin这样的封装API,服务器端则可以使用Jetty(Java)、Netty(Java)、mod_pywebsocket(Python&Apache)、nodejs(JavaScript)等这 里我挑选了客户端Socket.转载 2012-05-28 10:20:21 · 682 阅读 · 0 评论 -
HTML5 元数据变化
data-x 特性 this is a text this is a tent alert(document.getElementById("p1").dataset.autor)原创 2012-05-29 15:24:10 · 476 阅读 · 0 评论 -
box2dweb基础
简介 大名鼎鼎的物理引擎box2d基本上大家都听说过,网上有两个javascript版本的box2d库,一个时box2djs,已经停止维护,一个是box2dweb。下面就来介绍一下box2dweb的基本信息。一 包,类介绍BOX2D.Collision>>>碰撞,冲击包;b2AABB AABB坐标b2OBB OBB坐标b2ContactID 接触IDb2Contact转载 2012-05-30 16:29:22 · 1899 阅读 · 0 评论 -
html5离线应用application cache
一、应用场景我们通常使用浏览器缓存在用户磁盘上存储web单页,在用户再次浏览的时候已节省带宽,但即便这样,依然无法在没有Internet的情况下访问Web。为了让web应用程序在离线状态也能被访问。html5通过application cache API提供离线存储功能。前提是你需要访问的web页面至少被在线访问过一次。离线本地存储和传统的浏览器缓存有什么不同呢?1、浏览器缓存主要包含转载 2012-05-31 13:30:17 · 568 阅读 · 0 评论 -
html5 navigator.geolocation基于浏览器获取地理位置
一、简介html5为window.navigator提供了geolocation属性,用于获取基于浏览器的当前用户地理位置。window.navigator.geolocation提供了3个方法分别是: void getCurrentPosition(onSuccess,onError,options);//获取用户当前位置int watchCurrentPosition转载 2012-05-31 13:34:10 · 1608 阅读 · 0 评论 -
解决nodejs socket.io is not allowed by Access-Control-Allow-Origin 跨域问题
解决nodejs socket.io is not allowed by Access-Control-Allow-Origin 跨域问题blog:http://www.cnblogs.com/solq/demo:http://unitysgui.sinaapp.com/websocket/socketio.html 更改 :\node_modules\socket转载 2012-06-01 15:44:23 · 1190 阅读 · 0 评论 -
node.js安装
网上找了好久,最后东拼西凑终于安装好了1.Windows下安装node.js下载node.js安装程序http://nodejs.org/dist/v0.6.6/node-v0.6.6.msi运行安装即可。以管理员运行cmd 输入 node "c:\Program Files\nodejs\node_modules\npm\cli.js" install npm -g原创 2012-06-01 11:27:28 · 305 阅读 · 0 评论 -
HTML5 Canvas 基础API和实例
开发HTML代码是一件简单的事情,一个文字编辑器,然后一个支持HTML5的浏览器即可(本人的浏览器是Firefox8.0.1)。了解HTML的朋友应该知道,HTML5中最让人兴奋的API是canvas,它给了HTML5开发者随意涂鸦的能力。下来我们一起来了解canvas。 HTML5中新增了画布标签,通过它,可以使用JavaScript在网页中绘制图像。标签在网页中得到的是一转载 2012-05-24 15:45:55 · 365 阅读 · 0 评论 -
HTML5项目笔记7:使用HTML5 WebStorage API构建与.NET对应的会话机制
HTML5的Web Storage API,我们也称为DOMStarage API,用于在Web请求之间持久化数据。在Web Starage API 出现之前,我们都是将客户端和服务端之间的交互数据存储在远程服务器上,随着Web Starage API的出现,我们可以在客户端存储我们重复访问的交互数据,用户在打开浏览器的时候,可以快速地读取到数据,减少了用户等待,数据流量。在Web Sta转载 2012-05-25 09:54:21 · 290 阅读 · 0 评论 -
HTML 5 Web SQL核心
Web SQL数据库API实际上未包含在HTML 5规范之中,它是一个独立的规范,它引入了一套使用SQL操作客户端数据库的API。假设你是一名优秀的Web开发人员,那毫无疑问,你对SQL和数据库的相关概念已经很熟悉了,如果你对SQL不熟悉,那在继续阅读本文之前,最好先学习一下SQL相关的教程。最新版本的Chrome,Safari和Opera浏览器都支持Web SQL数据库。核心方法转载 2012-05-25 16:51:04 · 230 阅读 · 0 评论 -
使用Canvas设计Logo
HTML5 的Cavans API可以动态来展示图形、图表、图像以及动画,我们的这个离线系统中,主要用来设计Logo用的。在网页上使用Canvas的时,他会创建一块矩形区域,默认情况下宽为300像素,高为150像素,当然,可以自定义。 因为我们离线系统主要职责用于在离线的情况下的工作系统,如在上面写工作日志,工作计划,和保存项目的评估数据;在网络在线的情况下与服务器交互,并将数据保存到Se转载 2012-05-25 11:15:28 · 975 阅读 · 0 评论 -
EaselJS
EaselJS 是一个封装了 HTML5 画布(Canvas) 元素的 JavaScript 库点击打开链接转载 2012-05-25 13:18:42 · 288 阅读 · 0 评论 -
box2dweb基础---web引擎
简介点击打开链接 大名鼎鼎的物理引擎box2d基本上大家都听说过,网上有两个javascript版本的box2d库,一个时box2djs,已经停止维护,一个是box2dweb。下面就来介绍一下box2dweb的基本信息。一 包,类介绍BOX2D.Collision>>>碰撞,冲击包;b2AABB AABB坐标b2OBB OBB坐标b2ContactID转载 2012-05-25 15:03:46 · 603 阅读 · 0 评论 -
HTML5与Box2dweb---核心概念|核心概念
形状、刚体、定制器、连接器以及世界在我看来是Box2d中最重要的五个概念。Erin Catto在他的手册中对这几个概念的定义字字珠玑,因此我决定在下面直接引用他的原话:塑造一个二维几何对象,如圆或多边形。刚体一大块物质,是如此强烈,无论任何两个位块之间的距离是恒定的。他们是硬像一个的钻石。在下面的讨论中中,我们使用的的身体,互换与刚体。夹具夹具形转载 2012-05-25 15:09:47 · 982 阅读 · 0 评论 -
对HTML5 Device API相关规范的解惑
在HTML5中,Device API相关内容众多,而且结构比较复杂,内容有所重叠,大家在使用时可能会遇到许多问题,下面我针对这些问题谈一下个人的理解。1、The Media CaptureAPI VS System Information API,两者都可以访问摄像头和话筒,有什么区别? 背景:The Media Capture API定义了一个高级别的API来访问设备转载 2012-05-25 17:21:40 · 181 阅读 · 0 评论 -
使用.NET操作SQLLITE
先下载ADO.NET2.0 Provider for SQLite。下载binaries zip版就可以了。下载完后解压缩,可以在bin目录下找到System.Data.SQLite.DLL。在vs2008中用Add Refrence功能把System.Data.SQLite.DLL加到工程里就可以了。运行下面代码试试: string datasource = "e:/tmp/转载 2013-02-21 13:15:57 · 612 阅读 · 0 评论