
html5和css3
文章平均质量分 84
光西
即使苦逼也要做个战斗机
展开
-
html5本地存储localStorage
从名字可以看出,该api存储的数据并不是保存在内存或者缓存中,而是本地磁盘中。即使关闭浏览器下次在打开 里面保存的数据还在,这有点类似于传统的数据库。 他只有4个方法, • setItem(key, value);//添加数据库并保存, • getItem(key);//通过key访问数据 • removeItem(key);//删除单个数据 • clear()原创 2013-06-21 19:31:11 · 737 阅读 · 0 评论 -
基于Tomcat7.0.29的WebSocket实现
看HTML5的WebSocket的时候在Tomcat7.0.27上写WebSocket遇到了一个超时的问题,当时调试了一下Tomcat的源码,确认是底层使用的Socket设置了读超时的问题,只好放着不管,用Node.js搞了一个测试过去。现在Tomcat版本换成7.0.29了,看Change Log,超时的问题貌似在7.0.28上解决了,重新把书上的echo.ws重新改成Tomcat版本的转载 2013-06-25 18:28:00 · 908 阅读 · 0 评论 -
html5 worker 例子(一)
很多人在测试worker api的时候,总是会出现异常,根本测试不错效果。在使用worker的时候有个必须注意的地方,就是单纯的文本文件是实现不了worker的,你写的实际代码 必须部署到服务器(tomcat.jBoss等)才能运行worker api。 下面写个简单例子 js代码test.js(worker) function messageHandler(e) {原创 2013-06-23 12:59:34 · 797 阅读 · 0 评论 -
html5如何更新 缓存文件
我们在使用offline cache的时候,有时候可能会更新资源,如js,css或者图片的 更新。但是 在没有更新以前 用户已经缓存了旧版本的资源,当在次访问的时候 他使用的还是旧版本的资源,如何才能让用户及时的更新缓存资源呢? 更新缓存资源主要有两种方法,通过修改配置文件的版本号或者调用js完成更新 js更新方法:if (window.applicationCache.statu原创 2013-06-22 22:05:17 · 3333 阅读 · 0 评论 -
html5 worker 实例(二) 图片变换
worker的js代码img.jsonmessage = function(e) { postMessage(filter(e.data))};function filter(imgd) { var pix = imgd.pixels.data; var xcord = imgd.x / 1000; var ycord = imgd.y / 1000; for ( var i = 0原创 2013-06-23 14:57:21 · 1328 阅读 · 0 评论 -
html5 indexDB DEMO(一)
HTML 5 Application - IndexedDbvar blockbusters={ title:"nishi", derector:"shi", length:120 };//假设这个object用来保存的 var db;var request;var store; function createDatabase(dbName){ request=i原创 2013-06-22 15:36:28 · 5952 阅读 · 1 评论 -
html5 使用web SQL database简单实例
//openDatabase方法打开已经存在的数据库,如果不存在将会创建一个数据库 var db = window.openDatabase("mydatabase", "1.0", "我的数据库描述", 20000); var d = new Date(); //创建数据表 var sql = "CREATE TAB转载 2013-06-21 20:15:44 · 2162 阅读 · 0 评论 -
html5 offlline 缓存
如果想使用该api,必须保证服务器端配置相应的mime类型。拿tomcat为例,在打开Tomcat 6.0\conf\web.xml文件,在文件的最后面添加如下内容 manifest text/cache-manifest 尤其注意,extension的value是manifest,所以以后配置缓存文件的后缀必须跟他一样。使用缓存是必须如下格式原创 2013-06-22 17:30:39 · 1294 阅读 · 0 评论 -
html5 会话存储 SessionStorage
session存储顾名思义存储的数据只能在当前会话中有效,当关闭浏览器或者注销session,所以的数据就会立即清除。 session存储api和使用方法 和上篇的本地存储基本一样只是、方法名由window.localStorage改成window. SessionStorage原创 2013-06-21 19:47:27 · 1233 阅读 · 0 评论 -
html5本地存储 localStorage(二)
上篇写的本地存储的数据都是简单的数据,但在实际应用中效率并不高。要是能过存储复杂的数据类型,那就更好了!这时候我们会想到json数据,他作为特殊的字符串,当然可以存放到本地,而json可以有object类型转换而来,object可以映射成任何bean或者更为复杂的数据类型,这时候当然可以通过json作为桥梁来存储我们的数据了。 方法和上篇中使用的方法,只是value变成了json字符串原创 2013-06-21 19:42:46 · 651 阅读 · 0 评论 -
经纬度多边形点判断
var p = [116.428752 , 40.065088];//测试gps坐标var lp = {p0:[116.361774 , 39.949914],p1:[116.423578 , 40.064204],p2:[116.252253 , 40.178962],p3:[116.540286 , 40.045206],p4:[116.44025 , 39.91029原创 2015-09-17 15:03:34 · 1111 阅读 · 1 评论