toby

包含「html5」标签的文章

共找到12个结果

  • html5-离线存储ManiFest

    之前听人家说过,ManiFest这货是h5的api中最难用的没有之一,自己试了一下,难用,多坑,灰常恶心. 首先,服务器得配置MIME,我这里使用的是nodejs,直接服务器配置中添加: case '.manifest': res.writeHead(200,{'Content-type':'text/cache-manifest'}); ...

  • html5 file api

    无聊弄了一下html5的file接口,详细内容可以参考http://www.html5rocks.com/zh/tutorials/file/dndfiles/这里不再多说,做了一个可以拖动上传图片的页面,根据file的api判断文件格式做相应操作. ...

  • html5 worker预加载资源

    看「高性能javascript」发现了worker的importScripts方法(额,好吧,火星了),忽然想到可以拿来做无阻塞的预加载(包括两点,一点是不阻塞页面进程,一点是不阻塞浏览器的状态,也就是标签页的转转转),测试之后发现几个问题。 1. 首先,worker是没有ui线程的,所以脚本里面只要涉及到dom操作的那么就会报错 ...

  • html5拖曳drag方法

    api网上很多,可以去mozilla开发者社区看,需要注意的:1. 浏览器默认将拖放进去图片打开,这不是预料之内的,需要把默认行为prevent掉2. e.dataTransfer是鼠标事件上的一个可以保存内容的对象,有setData以及getData方法3. 总的来说简化了mousemove+mousedown模拟的拖曳方法。...

  • html5 history

    history.pushState: 将当前状态保存到历史记录中 popstate: 前进后退历史记录触发(js改变的url无法触发这个事件) 资料不足,学起来太吃力了 <!--more--> <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .tabs {display: none;} ...</style></head></html>

  • html5 classlist

    classlist返回的是元素class属性的字段列表, 返回类型为 DOMTokenList 具有length属性,可以用下标访问,具有remove,add,toggle,contains方法,sample: <img src="http://dummyimage.com/800x600/4d494d/686a82.gif&text=placeholder+image" alt="placeholder+image" class="memu-item-pos1 placeHolder-type1 fl w920"> dom.classList.add(classname); ...

  • html5 - localStorage本地存储

    <p> localStorage只能保存string格式,所以要保存json或者array需要转为string格式。保存方法:JSON.stringify(json) ---> string, </p> <p> JSON.parse(string) ---> json; </p> <p> <span style="font-size: 13px;">localStorage是一个对象,将数据存放进这个对象可以用对象通用方法键值对,或者内置方法setItem以及getItem,同样还有removeItem以及clear方法,后者将对象中的所有属性全部删除。...</span></p>

  • html5 api之getCurrentPosition

    <p> 这是html5里面navigator里新的api,可以获取地理位置,有getCurrentPosition以及watchPosition两个方法,使用方法如下: </p> <pre class="brush:jscript;"> window.navigator.geolocation.getCurrentPosition(onsuccess,onerror,[option])...</pre>

  • html5处理线程

    <p> 闲着没事,继续弄了一下html5,html5新的api-Worker可以处理线程,通过把大数据操作放到线程里面处理,这样在处理大数据的时候,页面不会卡死(html5之前js处理时间过长会弹窗提示终止脚本。。)。 </p> <p> 实现方式就是通过构造函数Worker,实例话子线程,通过onmessage接受线程处理返回的数据,postMessage发送处理完成的任务,有一个需要注意的,当出现线程多层嵌套,需要使用子线程的onmessage接受孙子线程发送回来的data,然后向上一层发送数据使用postMessage发送,向孙子线程发送数据使用子线程的...</p>

  • 让ie支持html5的部分标签

    首先是通过js创建标签,代码: <pre> <!--[if lte IE 9]> <script type="text/javascript"> document.createElement("nav"); document.createElement("header"); document.createElement("footer"); document.createElement("section"); ...</script></pre>

1 / 2 下一页