【转载】url：https://www.cnblogs.com/hhhyaaon/p/5928152.html 写在前面本篇主要总结Blob对象属性及作用，通过DEMO介绍Blob对象的应用场景。Blob对象一直以来，JS都没有比较好的可以直接处理二进制的方法。而Blob的存在，允许我们可以通过JS直接操作二进制数据。一个Blob对象就是一个包含有只读原始数据的类文件对象。Blob对象中的数据并不一定得是JavaScript中的原生形式。File接口基于Blob，继承了Blob的功能,并且扩展支持了用...
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> #div1{width:320px;height:50px;background:pink;} </style> <script>window.onload = function () {var odiv = document.getElementById(‘div1‘);var oul = document.getElementById(‘ul1‘);odiv.ondragenter = function (){odiv.innerHTML = ‘请释放‘;}odiv.ondragover = function (ev){ev.preventDefault();}odiv.ondrop = func...
请认准本正版代码，售后技术有保障，代码有持续更新。(盗版可耻，违者必究)???????? 此为本公司团队开发-------------------------------------------------------------------------------------------------------------------------A?代码生成器(开发利器); ?B?阿里数据库连接池druid; ?C?安全权限框架shiro?此系统为?springmvc + mybaits 3.2?版本 ,提供maven的pom.xml文件,另免费赠送hibernate版本一套(垮数据库)?1. 有 oracl...
<meta name="viewport" content="width=device-width,initial-scale=1 user-scalable=0"/> width:可视区域的宽度，值可为数字或关键词device-widthintial-scale:页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放user-scalable:是否可对页面进行缩放，no 禁止缩放<meta name="format-detection" content="telephone=no"> IOS禁止数字拨号原文：http://www.cnblogs.com/haitaoblog/p/5413433.html
最近需要给html5的WebAPP在页面上实现一个复制功能：用户点击长按文本会全选文字并弹出系统“复制”菜单，用户可以点击“复制”进行复制操作，然后粘贴到AppStore搜索对应的应用。之所以不是采用链接形式直接跳转到AppStore对应应用是为了通过用户的主动输入关键词搜索给推广的企业App增加权重。所以这一个“复制”功能对用户的体验至关重要。尝试了一些做法，在安卓/iOS平台上的兼容性都不是很好。在微信浏览器内是很容易实现长按...
<canvas id=‘test01‘></canvas><script> function draw25(id) {var canvas = document.getElementById(id);if (canvas == null)return false;var context = canvas.getContext(‘2d‘);var g1 = context.createLinearGradient(0, 0, 0, 300);g1.addColorStop(0, ‘rgb(255,0,0)‘); //红 g1.addColorStop(0.5, ‘rgb(0,255,0)‘);//绿g1.addColorStop(1, ‘rgb(0,0,255)‘); //蓝//可以把lg对象理解成GDI中线性brushcontext.fil...
1.手机浏览器与桌面浏览器的不同现在手机浏览器的显示分辨率与桌面浏览器差不多，但是手机的尺寸比电脑要小很多。一个没做过响应式处理的网站，在手机和电脑上显示完全一样的内容， 不可避免的会出现字体被缩小的现象。想象一下电脑里12号字体缩小好几倍的效果吧。 所以如果将web网页移植为wap应用上，还是有许多问题需要考虑。2.理解两个viewport的概念做过wap开发的都知道 html的 <meta name=”viewport”> ,这是一个从iphone引入...
1function GetLocation() {2if (navigator.geolocation) {3var locationOptions = {4//是否使用高精度设备，如GPS。默认是true 5 enableHighAccuracy: true,6//超时时间，单位毫秒，默认为0 7 timeout: 5000,8//使用设置时间内的缓存数据，单位毫秒9//默认为0，即始终请求新数据 10//如设为Infinity，则始终使用缓存数据11 maximumAge: 012 }; 13//只...
HTML媒体1、HTML多媒体 视频格式 .avi 微软开发 .wmv 微软开发 .mpg .mpeg .mov 苹果公司开发 .rm .ram 允许低带宽的视频流 .swf .flv Macromedia开发，需要额外组件 .mp4 针对因特网的新格式 声音格式 .mid .midi .rm .ram .wav .wma .mp3 .mpga2 、HTML Object元素 辅助应用程序是可有浏览器启动的程序，也称为插件。可用于播放音频和视频。使用<object>标签...
媒体查询允许网站根据智能手机和平板的方向来调整布局。但有时候你希网站锁定到一个特定的方向，横屏或竖屏，此时，原生应用的格式是可以被指定的。APP只在预设格式下显示—独立于实际的设备方向。通过使用HTML5的 Screen Orientation API, 可以在JavaScript定义屏幕方向。 为一个文档定义屏幕方向通过screen.orientation属性的lock()方法可以调整屏幕方向，其默认值是any，这允许设备根据其物理方向来应用任何方向。值”natural”...
WebGL开启了网页3D渲染的新时代，它允许在canvas中直接渲染3D的内容，而不借助任何插件。WebGL同canvas 2D的API一样，都是通过脚本操纵对象，所以步骤也是基本相似：准备工作上下文，准备数据，在canvas中绘制对象并渲染。与2D不同的就是3D涉及的知识更多了，例如世界、光线、纹理、相机、矩阵等专业知识。WebGL有一个很好的中文教程，就是下面使用参考中的第一个链接，所以这里不再班门弄斧，后面的内容只是简单的总结一下学习的内...
The FileReader InterfaceThe FileReader interface provides a number of methods that can be used to read either File or Blob objects. These methods are all asynchronous which means that your program will not stall whilst a file is being read. This is particularly useful when dealing with large files.The following code shows how to create a new instance of FileReader.var reader = new FileReader(...
http://www.cnblogs.com/milkmap/archive/2012/02/09/2343880.htmlionicframework.com原文：http://www.cnblogs.com/Athrun/p/4683429.html
利用HTML5的新特点做文件异步上传很easy方便，本文主要展示JS部分。html结构。以下的代码并未使用第三发库，假设有參照，请注意一些未展现出来的代码片段。我这边的效果预览：1.文件未选择 2.文件已选择HTML代码部分： 思路：以下代码中我利用css的z-index属性将input="file”标签隐藏在了id=btnSelect元素以下，通过触发a标签的点击后，弹出文件选择框。以下的masklayer用于点击确认button后的弹出层，避免用户反复点击确认but...
界面 1<html manifest=‘manifest.appcache‘> 2<html lang="en"> 3 4<head> 5<meta charset="UTF-8"> 6<title>application cache 离线缓存</title> 7</head> 8 9<body>10<h1>App Cache Demo</h1>11<ul>12<li><img src="img/1.jpg" alt="1.jpg"></li>13<li><img src="img/2.jpg" alt="2.jpg"></li>14</ul>15<script type="text/javascript">16 window.addEventListener(‘load‘, function(e) { 17 window.applicationCa...