H5 技术
那些年少的伤寂静微凉
深入前端开发领域
展开
-
H5 web worker线程的使用
H5 web worker是执行线程,作用是用来执行耗时的js脚本,但又不完全是线程,为什么这样说呢,因为和真正的线程有些不一样,系统真正的线程是可以用来执行任何任务的,但h5的worker底层虽然也是线程,却被限制了,只能做 特定的任务。不能用来操作DOM和BOM,浏览器禁止限制了。注意:因为worker 的限制,所以创建的worker线程只能用来执行耗时的,跟DOM.BOM没有原创 2017-08-08 22:59:35 · 1961 阅读 · 0 评论 -
js Blob对象介绍
什么是Blob?Blob是一种JavaScript的对象类型。HTML5的文件操作对象,file对象就是Blob的一个分支或说一个子集。Blob 存储大量的二进制数据,Blob自己本身的属性有两个,分别是:size 和 type ,在原型中有个很有用的方法:slice();slice()方法在js很多对象中都有,其作用也类似,都是用来截取,Blob中的slice也一样,也是用来截取,不原创 2017-08-09 15:15:59 · 16954 阅读 · 0 评论 -
H5 FormData对象的作用及用法
H5 FormData对象就模拟一个原始的表单格式的数据,以前上传文件非得要用个form包起来,就是和后台约定的一个传输数据格式,FormData就是按照规定的格式,把form中所有表单元素的name与value组装成一个queryString,省去你手工拼接的工作,如果用过jquery的话,应该知道有个表单序列号的函数,作用和它是一样的,不过FormData还提供了更多的操作方法,全部在原创 2017-08-09 16:03:14 · 13374 阅读 · 0 评论 -
认识下一代通信技术WebSocket
认识HTML5的WebSocket在HTML5规范中,我最喜欢的Web技术就是正迅速变得流行的WebSocket API。WebSocket提供了一个受欢迎的技术,以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法,从客户端使用简单的语法有效地推动消息到服务器。让我们看一看HTML5的WebSocket API:它可用于客户端、服务器端。而且有一个优秀的第三方API,名转载 2017-08-26 09:30:18 · 404 阅读 · 0 评论 -
移动端touch事件影响click事件以及在touchmove添加preventDefault导致页面无法滚动的解决方法
移动端touch事件影响click事件以及在touchmove添加preventDefault导致页面无法滚动的解决方法这两天自己在写一个手机网页,用到了触屏滑动的特效,就是往右滑动的时候左侧隐藏的菜单从左边划出来。做完之后在手机原生浏览器中运行正常,但在QQ和微信中打开,发现touchmove只会触发一次,而且touchend也经常不触发。之后百度了一下这个问题,原因是主要是由于...转载 2018-07-31 11:32:56 · 1044 阅读 · 1 评论 -
移动端手势事件及长按事件模拟
H5原生事件中为移动端增加了3个触控事件,touchstart、touchmove、touchend;但是我们在实际使用手机时有长按和手势动作,但是原生并没有给我们封装类似的事件,所以我们需要模拟实现。(function () { const touch = new Event("touch"), longTop = new Event("longTop"), ...原创 2019-01-04 17:33:35 · 1259 阅读 · 0 评论