h5 - 随笔分类 - toodeep

canvas事件

摘要：canvas的事件只能监听在canvas标签上，而不嗯那个想其他dom元素那样，所以针对canvas里面的图形监听事件是比较麻烦的。通过isPointInPath(x,y); 这个方法用于判断某一点的坐标是否在最新绘制的图形内。用法如下：oC.onmousedown = function(ev){ ... 阅读全文

posted @ 2015-09-16 10:22 toodeep 阅读(255) 评论(0) 推荐(0)

canvas像素操作

摘要：像素操作相关方法：getImageData(x,y,w,h); putImageData(oImg,x,y); createImageData(w,h);1.getImageData(x,y,w,h); 参数依次是x,坐标，宽高。得到指定区域的像素数据。例如：var oImg = oGC.getI... 阅读全文

posted @ 2015-09-13 16:14 toodeep 阅读(435) 评论(0) 推荐(0)

canvas基本用法

摘要：1、canvas和其他标签一样使用，但是IE8以下是不支持的，可以在canvas里面加一个span用来提示，例如：另外画布的大小，需要直接在内联样式里面设置，而不要在外部样式表里面设置，在外部样式表里设置宽高后，canvas里面的元素也会同比缩放，例如： 2.画方形 oC.fillRect(x,y 阅读全文

posted @ 2015-09-10 12:39 toodeep 阅读(1392) 评论(0) 推荐(0)

h5 audio 和 video

摘要：html5音频和视频的用法音频标签audio和视频标签video用法和其他html标签一样，如：但是由于各个浏览器支持的编解码器不一样，所以可以配合source来兼容，如：上述代码的意思就是，如果浏览器支持ogv格式就用ogv格式的，不支持就用MP4。audio和video中的媒体元... 阅读全文

posted @ 2015-09-03 11:31 toodeep 阅读(641) 评论(0) 推荐(0)

h5本地存储storage

摘要：storage本地存储，似乎有点想起cookie，的确用法也类似于cookie。但是storage较cookie有不少好处：存储量大；在客户端完成，不会请求客户端；storage分为sessionStorage和localStorage。1.sessionStorage 临时存储，当页面关闭的时候，... 阅读全文

posted @ 2015-09-01 23:57 toodeep 阅读(1996) 评论(1) 推荐(1)

h5地理位置对象navigator.geolocation

摘要：地理位置对象可以用于基于地图的应用，一般手机的位置信息是通过GPS或者基站来获取，而pc则是通过IP地址来获取，准确度没有移动设备高。地理位置对象navigator.geolocation下有有两个方法，分别是getCurrentPosition()单次定位请求和watchPosition()多次定... 阅读全文

posted @ 2015-09-01 23:08 toodeep 阅读(2759) 评论(0) 推荐(0)

离线应用和web worker

摘要：只当自己笔记一样，把自己看的资料整理一下而已，勿喷！搭建离线应用可以适用于一些小的应用场景。感觉目前用的也不是很多，分为以下几步：①找到服务器的配置文件，设置头信息 : AddType text/cache-manifest .manifest② html标签加 : manifest=“xxxxx.... 阅读全文

posted @ 2015-08-30 23:29 toodeep 阅读(455) 评论(0) 推荐(0)

ajax上传文件以及进度事件

摘要：在新版ajax中可以上传图片等二进制文件，并且能够监测上传进度。1、FormData。通过FormData对象来构建提交的二进制数据。用法如下：var oFormData = new FormData(); oFormData.append('file', oMyFile.files[0]);... 阅读全文

posted @ 2015-08-29 23:31 toodeep 阅读(512) 评论(0) 推荐(0)

新版XMLHttpRequest支持跨域请求

摘要：在标准浏览器下，XMLHttpRequest对象得到升级，支持跨域，用法不变，如下：var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState =... 阅读全文

posted @ 2015-08-29 11:34 toodeep 阅读(5381) 评论(0) 推荐(0)

postMessage解决跨域下跨文档通信

摘要：postMessage方法可以向另外一个窗口发送消息，该方法是window下的一个全局方法。用法：首先找到新窗口的window的对象，然后调用postMessage方法，该方法接受两个参数，第一个参数为数据，第二个参数为打开的新窗口的域(带协议的)。例如：oMyIframe.contentWindo... 阅读全文

posted @ 2015-08-29 00:10 toodeep 阅读(283) 评论(0) 推荐(0)

同域下跨文档通信iframe和window.open

摘要：1、iframe标签可以嵌套另一个标签，并且可以通过js去访问被包含的页面的window对象，从而操作该页面下documentElement，如下：无标题文档通过contentWindow来找到被包含页面的window对象，从而继续其他操作。那么被包含页面怎么找到他的父级页面呢？一个... 阅读全文

posted @ 2015-08-28 23:57 toodeep 阅读(1519) 评论(0) 推荐(0)

h5拖放的一些注意点

只有注册用户登录后才能阅读该文。

posted @ 2015-06-25 23:15 toodeep 阅读(8) 评论(0) 推荐(0)

历史管理

只有注册用户登录后才能阅读该文。

posted @ 2015-06-18 01:21 toodeep 阅读(8) 评论(0) 推荐(0)

利用JSON.parse和JSON.stringify做对象深拷贝

只有注册用户登录后才能阅读该文。

posted @ 2015-06-16 21:32 toodeep 阅读(4) 评论(0) 推荐(0)

h5关于选择器以及class的小加强

摘要：1、querySelector和querySelectorAll 这两个方法类似于jquery的选择器document.querySelector('.box') document.querySelectorAll('.box')前者只能选择一组中的第一个，后者选择一组元素。2、getElement... 阅读全文

posted @ 2015-06-16 21:06 toodeep 阅读(443) 评论(0) 推荐(0)

随笔分类 - h5