一、什么是jqMobijqMobi是由appMobi针对HTML5浏览器和移动设备开发的javascript框架，是个极快速的查询选择库，支持W3C查询。版本jqMobi源码最初在2012年1月份推出，基于MIT/X11许可证，托管在GitHub上，开发者可参与并通过插件不断改进该框架。2012年3月13日，jqMobi 1.0版本正式发布。现在最新的版本是jqMobi 2.0jqMobi的特点速度快适用于智能手机和平板电脑提供了60多个API调用与jQuery相同的语法插件可扩展体积更小英特尔收购英...
placeholder 占位符
autofocus 自动获取焦点
autocomplete 自动获取内容 （必须提交 name）
required 必填
pattern 正则表达式 (不需要/ / “”)
Multiple 文件上传可上传多个
Form<form action="" id="myForm"><!--placeholder：提示文本，提示占位--><!--autofocus:自动获取焦点--><!--autocomplete:自动完成：on:打开 off:关闭1.必须成功提交过:提交过才会记录2.当前添加autocomplete的元素必须...
plus.gallery.pick(function (filePath) {plus.io.resolveLocalFileSystemURL(filePath, function (entry) {console.log(‘resolveLocalFileSystemURL success‘)entry.getMetadata(function (metaData) {console.log(‘getMetadata success‘)console.log(metaData.size)}, function () {console.error(‘getMetadata fail‘);});}, function () {console.error(‘resolveLocalFileSystemURL fail‘)});
});原文：https://www.cnb...
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>HTML5实现对话气泡点击动画</title><style type="text/css">.select-toast{position: absolute; //确定对话的位置top: 3.4rem;right: 0.2rem;width: 1.45rem; //确定宽度，高度由文字撑开padding: 0.18rem; //确定文字距离对话框外部的距离line-height: 0.4rem; //确定文字的行高color: #d06e5a; //文字颜色background-color: rgba(255,255,255,0.85); ...
最近公司要做一个html5上传的jquery插件，要在下先实现功能，要求显示上传进度，文件信息，断点续传等等。我一看，艾玛！Σ(?д?lll)，没做过啊。没办法，(# ?Д?)，只能去查资料了。作为一名还未毕业的大学僧，本人表示亚历山大。不过还好是做出来了，不敢说代码写得很好，大家将就着看吧。感谢以下文章提供的思考方向：http://www.script-tutorials.com/pure-html5-file-upload/http://fex.baidu.com/blog/2014/04/html5-uploade...
越来越多的站点开始使用 HTML5 标签，但是目前的情况是还有很多人在使用IE6、IE7、IE8。为了让所有浏览者都可以正常的访问，解决方案有下面两个： 1.为网站创建多套模板，通过程序对User-Agent的判断为不同的浏览器用户显示不同的页面，例如：优酷网。 2.使用Javascript来使不支持HTML5的浏览器支持HTML标签。 针对IE比较好的解决方案是html5shiv。htnl5shiv主要解决HTML5提出的新的元素不被IE6-8识别，这些新元素不能作为父节点包...
之前的文章讲解了swagger2注解的用法以及实例演示，本篇文章介绍一下如何使用swagger2导出离线版的api文档，分为两种格式一个是HTML5一个是PDF。对象属性、接口说明、测试用例都可以导出来方便开发人员很清楚的了解接口！相关版本Springboot版本：1.5.10.RELEASEswagger2版本：2.6.1maven版本：3.2.5JDK版本：8IDEA版本：2017.2.6大家自己测试的时候如果不成功尽量和我版本保持一致。index.adoc配置 include::{generated}/overview...
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script>
window.onload = function ()
{var oc = document.getElementById(‘c1‘);var ogc = oc.getContext(‘2d‘);var yimg = new Image();yimg.onload = function (){draw(this);}yimg.src = ‘img/5-5.jpg‘;function draw(obj){oc.width = obj.width;oc.height = obj.height*2;ogc.drawImage(obj,0,0);var oimg = ogc.getImageData(0,0,ob...
这是一款非常有创意的HTML5SVG聊天框拖拽弹性摇摆动画特效。用户可以用鼠标点击或用手滑动聊天框上的指定区域，该区域会以非常有弹性的弹簧效果拉开聊天用户列表。点击一个用户头像后，又以相同的弹性特效切换到聊天界面，并且用户头像会移动到聊天界面的右上角。整个动画弹性十足，效果非常震撼。效果演示：http://www.htmleaf.com/Demo/201506031963.html下载地址：http://www.htmleaf.com/html5/SVG/201506031962.html原文：htt...
水果忍者在线试玩地址：http://www.dcscms.com/game/fruitninja/index.html源代码下载地址：第一部分第二部分第三部分你是我的小羊驼 在线试玩地址：http://www.dcscms.com/game/yangtuo/index.html源代码下载地址：下载地址来自猫星的你 在线试玩地址：http://www.dcscms.com/game/maoxing/index.html源代码下载地址:下载地址2048 在线试玩地址：http://www.dcscms.com/game/2048/index.html源代码下载地址：下载地址奇葩版Flappy...
一、从SOP到CORSSOP就是Same Origin Policy同源策略，指一个域的文档或脚本，不能获取或修改另一个域的文档的属性。也就是Ajax不能跨域访问，我们之前的Web资源访问的根本策略都是建立在SOP上的。它导致很多web开发者很痛苦，后来搞出很多跨域方案，比如JSONP和flash socket。如下图所示：后来出现了CORS-CrossOrigin Resources Sharing，也即跨源资源共享，它定义了一种浏览器和服务器交互的方式来确定是否允许跨域请求。它是一个...
实例创建一个圆形：var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.arc(100,75,50,0,2*Math.PI);
ctx.stroke();浏览器支持Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持 arc() 方法。注释：Internet Explorer 8 或更早的浏览器不支持 <canvas> 元素。定义和用法arc() 方法创建弧/曲线（用于创建圆或部分圆）。提示：如需通过 arc() 来创建圆，请把起始角设置为 0...
效果：在博客里有另一篇头像裁剪是用actionscript实现的头像裁剪上传，这里拥护html5,用canvas实现下。前两次的右键是为了说明不是用flash做的。如果想要更严谨的，有技术支持的这个东西的话，可以用kissy的http://gallery.kissyui.com/imgcrop/2.0/guide/index.html.原理很简单：裁剪框是用html做的，canvas的作用在于每次移动，变形后根据裁剪框的位置坐标以及大小，绘制图像的部分并缩放，还有绘制裁剪框区域外的灰色区域，优点...
section标签 表示页面中的一个内容区块,比如章节、页眉、页脚或页面的其他部分。可以和h1、 h2……等标签结合起来使用，表示文档结构。例：HTML5中 <section>……</section>HTML4中<div> ……</div>。article标签 表示页面中一块与上下文不相关的独立内容。比如一篇文章。aside标签 表示article标签内容之外的、与article标签内容相关的辅助信息。header标签 表示页面中一个内容区块或整个页面的标题。hgroup标签 表示对整个页面或...
1.离线缓存为HTML5开发移动应用提供了基础 HTML5 Web Storage API可以看做是加强版的cookie，不受数据大小限制，有更好的弹性以及架构，可以将数据写入到本机的ROM中，还可以在关闭浏览器后再次打开时恢复数据，以减少网络流量。 同时，这个功能算得上是另一个方向的后台“操作记录”，而不占用任何后台资源，减轻设备硬件压力，增加运行流畅性。 在线app支持边使用边下载离线缓存，或者不下载离线缓存；而离线app必须是下...
22个HTML5 技巧二：上面一章讲到了HTML5的几个技巧，现在我们来学习新的技巧