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

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

本篇文章是基于上篇文章的代码基础上进行的添加，具体代码可以参考上篇文章：SpringBoot的整合（三、整合mybatis）注意：本篇文章连接的数据库为mysql8.0.16版本的，跟低版本的稍微有些不同。使用mybatis进行开发的时候，model类、mapper.xml、mapper接口等都自己写十分浪费时间，这里...

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

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

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

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

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

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

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

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

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

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

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

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