51dev.com IT技术开发者社区

51dev.com 技术开发者社区

html5

html5 drag事件用法

html5 drag事件用法

drag事件用法html5的drag事件总共有7个,还有一个事件传递对象拖曳目标对象ondragstart拖曳开始ondrag拖曳中ondragend拖曳结束释放对象ondragenter进入释放目标ondragover在目标中拖曳ondragleave离开释放目标ondrop释放各个事件的触发顺序ondragstar...

HTML5实战与剖析之触摸事件(touchstart、touchmove和touchend)(转)

HTML5实战与剖析之触摸事件(touchstart、touchmove和touchend)(转)

HTML5中新添加了很多事件,但是由于他们的兼容问题不是很理想,应用实战性不是太强,所以在这里基本省略,咱们只分享应用广泛兼容不错的事件,日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件:touchstart、touchmove和touchend。一开始触摸事件touchstart、touch...

web图形方案比较html5、GML、SVG、VML

web图形方案比较html5、GML、SVG、VML

GML、SVG和VML都是基于XML的可用来描述矢量图形的标记语言,都是XML词表,它们的语法并不难理解,但它们都有各自不同的用途和特点,下面简单介绍一下。GML(Geography Markup Language)是基于XML的空间信息编码标准,由OpenGIS Consortium&n...

Html5shiv

Html5shiv

越来越多的站点开始使用 HTML5 标签。但情况是还有很多人在使用IE6,IE7,IE8。为了让所有网站浏览者都能正常的访问网站,解决方案有下面两个:为网站创建多套模板,通过程序对User-Agent的判断给不同的浏览器用户显示不同的页面,比如优酷网就是采用的这种模式。使用Javascript来使不...

HTML5 WebUploader 分块上传

HTML5 WebUploader 分块上传

一、概述 所谓断点续传,其实只是指下载,也就是要从文件已经下载的地方开始继续下载。在以前版本的HTTP协议是不支持断点的,HTTP/1.1开始就支持了。一般断点下载时才用到Range和Content-Range实体头。HTTP协议本身不支持断点上传,需要自己实现。 二、Range &nbs...

HTML5 WebUploader 分片上传

HTML5 WebUploader 分片上传

需求:项目要支持大文件上传功能,经过讨论,初步将文件上传大小控制在500M内,因此自己需要在项目中进行文件上传部分的调整和配置,自己将大小都以501M来进行限制。 第一步:前端修改由于项目使用的是BJUI前端框架,并没有使用框架本身的文件上传控件,而使用的基于jQuery的Uploadify文件上传组件,在项...

HTML5大文件分片上传/多线程上传

HTML5大文件分片上传/多线程上传

最近遇见一个需要上传超大大文件的需求,调研了七牛和腾讯云的切片分段上传功能,因此在此整理前端大文件上传相关功能的实现。在某些业务中,大文件上传是一个比较重要的交互场景,如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大,或者网络条件不好时,上传的时间会比较长(要传输更多的报文,丢包重传的概率也更大...

HTML5中实现文件上传下载的三种解决方案(推荐)

HTML5中实现文件上传下载的三种解决方案(推荐)

前言:因自己负责的项目(jetty内嵌启动的SpringMvc)中需要实现文件上传,而自己对java文件上传这一块未接触过,且对Http协议较模糊,故这次采用渐进的方式来学习文件上传的原理与实践。该博客重在实践。 一.Http协议原理简介     HTTP是一...

HTML5实现文件上传下载功能实例解析

HTML5实现文件上传下载功能实例解析

前言:因自己负责的项目(jetty内嵌启动的SpringMvc)中需要实现文件上传,而自己对java文件上传这一块未接触过,且对Http协议较模糊,故这次采用渐进的方式来学习文件上传的原理与实践。该博客重在实践。 一.Http协议原理简介     HTTP是一...

HTML5 File API 全介绍

HTML5 File API 全介绍

  在HTML5FileAPI出现之前,前端对于文件的操作是非常有局限性的,大多需要配合后端实现。出于安全角度考虑,从本地上传文件时,代码不可能获取文件在用户本地的地址,所以纯前端不可能完成一些类似图片预览的功能。但是FileAPI的出现,让这一切变成了可能。1、FileList对象  FileList对象针对表单的f...

理解HTML5数据推送应用开发问题

理解HTML5数据推送应用开发问题

一、数据推送  SSE是一种允许服务端向客户端推送新数据(通常称作数据推送)的HTML5技术。那么,究竟什么是数据推送?它与我们可能用过的其他技术有什么不同呢?  让我先来回答什么不是数据推送。数据推送有两种替代方案:无更新方案和数据拉取方案。  无更新方案是最简单的。这几乎是所有网络内容的运作方式。  替代方案之一:...

html5的classList属性介绍和原生js实现jQuery的addClass,removeClass,hasClass方法

html5的classList属性介绍和原生js实现jQuery的addClass,removeClass,hasClass方法

  其实html5已经扩展了class操作的相关API,其中classList属性就以及实现了class的增删和判断。  classList属性的方法有:add(value)添加类名,如果有则不添加contains(value)判断是否存在类名,返回Boolean值remove(value)从列表中删除类名toggle...

HTML5 FormData 方法介绍以及实现文件上传

HTML5 FormData 方法介绍以及实现文件上传

  XMLHttpRequest是一个浏览器接口,通过它,我们可以使得Javascript进行HTTP(S)通信。XMLHttpRequest在现代浏览器中是一种常用的前后台交互数据的方式。2008年2月,XMLHttpRequestLevel2草案提出来了,相对于上一代,它有一些新的特性,其中FormData就是XM...

HTML5 input file控件使用accept过滤限制的文件类型以及在谷歌下打开很慢的问题

HTML5 input file控件使用accept过滤限制的文件类型以及在谷歌下打开很慢的问题

  在文件上传控件(inputtype='file')中,可以通过accept属性实现对文件类型的过滤。一、相关代码:   下面给出对应的文件上传控件代码:<inputtype="file"id="myFile"accept="image/jpeg,image/gif,applica...

HTML5 Video P2P技术研究(转)

HTML5 Video P2P技术研究(转)

说明:之前在Flash时代,可以基于其实现P2P的技术,也就是现在主流的视频网站用的视频技术,不过要实现P2P技术,在Flash时代有点难,且要服务器支持等等;但是现在基于HTML5技术的P2P技术使用WebRTC实现,API相对简单,且集成也非常方便,现在主流网站正在逐步转向HTML5去实现P2P。注意,WebRTC...