这次给大家带来indexeddb数据库的使用详解，使用indexeddb数据库的注意事项有哪些，下面就是实战案例，一起来看一下。前言在 HTML5 的本地存储中，有一种叫 indexedDB 的数据库，该数据库是一种存储在客户端本地的 NoSQL 数据库，它可以存储大量的数据。从上篇：HTML5 进阶系列：web Storage ，我们知道 web Storage 可以方便灵活的在本地存取简单数据，但是对于大量结构化存储，indexedDB 的优势就更加明显。接下来我们来看看 ind...
这次给大家带来H5的拖放功能详解，实现H5拖放功能的注意事项有哪些，下面就是实战案例，一起来看一下。关于HTML5中的拖放拖放（Drag 和 Drop）是一种常见的特性，即抓取对象以后拖到另一个位置，在 HTML5 中，拖放是标准的组成部分。在HTML5中用户可以使用鼠标选择一个可拖动元素，将元素拖动到一个可放置元素，并通过释放鼠标按钮放到这些元素。在拖动操作期间，可拖动元素的半透明表示跟随鼠标指针。如果我们希望元素可以被拖动，...
这次给大家带来H5中History模式的使用详解，使用H5中History模式的注意事项有哪些，下面就是实战案例，一起来看一下。最近看到vue-router的HTML5 History 模式路由的实现，然后顺便又去研究了一下HTML5 的 History，以下是自己的一些理解，顺便用jquery写 一个实现类似vue-router里面HTML5 History 模式路由器,以达到练练手，熟悉熟悉的目的。一、history.pushStatehistory.pushState(state, title, url); 上面第一和第二个参数可以...
这次给大家带来H5的服务器推送事件详解，服务器推送事件的注意事项有哪些，下面就是实战案例，一起来看一下。服务器推送事件（Server-sent Events）是基于WebSocket 协议的一种服务器向客户端发送事件&数据的单向通讯。目前所有主流浏览器均支持服务器发送事件，当然除了 Internet Explorer 。2333...WebSocket 协议是继HTTP协议后又一服务器客户端通讯协议，不同于HTTP单纯的客户端请求服务器响应单向通讯模式的是它支持了服务端客...
这次给大家带来phonegap本地存储详解，phonegap本地存储的注意事项有哪些，下面就是实战案例，一起来看一下。实例如下：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Database Example</title> <script type="text/javascript" charset="UTF-8" src="cordova.js"></script> <script type="text/javascript" charset="UTF-8"> document.addEventListener("deviceready", onDeviceReady, false); function onDevic...
这次给大家带来phonegap获取设备信息方法详解，phonegap获取设备信息的注意事项有哪些，下面就是实战案例，一起来看一下。device.name 设备的名称device.phonegap phonegap版本device.platform 设备的类型device.uuid 设备唯一识别号device.version 所运行的操作系统的版本device 是被指派给window 对象的<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>My Device</title> <script type="tex...
这次给大家带来phonegap创建联系人详解，phonegap创建联系人的注意事项有哪些，下面就是实战案例，一起来看一下。实例如下：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Database Example</title> <script type="text/javascript" charset="UTF-8" src="cordova.js"></script> <script type="text/javascript" charset="UTF-8"> document.addEventListener("deviceready", onDeviceReady, false); function onD...
这次给大家带来phonegap实现提示操作详解，phonegap实现提示操作的注意事项有哪些，下面就是实战案例，一起来看一下。常有下面四种方式：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Notifications</title> <script type="text/javascript" charset="UTF-8" src="cordova.js"></script> <script type="text/javascript" charset="UTF-8"> document.addEventListener("deviceready", onDeviceReady, false); fun...
这次给大家带来phonegap操作数据库详解，phonegap操作数据库的注意事项有哪些，下面就是实战案例，一起来看一下。实例如下：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Database Example</title> <script type="text/javascript" charset="UTF-8" src="cordova.js"></script> <script type="text/javascript" charset="UTF-8"> document.addEventListener("deviceready", onDeviceReady, false); function onD...
这次给大家带来phonegap获取位置信息详解，phonegap获取位置信息的注意事项有哪些，下面就是实战案例，一起来看一下。实例如下：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Compass Example</title> <script type="text/javascript" charset="UTF-8" src="cordova.js"></script> <script type="text/javascript" charset="UTF-8"> document.addEventListener("deviceready", onDeviceReady, false); function ...
这次给大家带来H5的多线程（Worker SharedWorker）使用详解，使用H5多线程（Worker SharedWorker）的注意事项有哪些，下面就是实战案例，一起来看一下。There is no doubt that JavaScript是没有多线程之说的，他只能一件事一件事的做，做完一件事再做下一件事，假如你的js要花一段比较长的时间做一件事的话，那么浏览器将会卡顿一段时间，不对用户的操作产生响应，这可咋办呢？谢天谢地，HTML5为我们提供了实现多线程的机制，这么...
这次给大家带来phonegap播放音频详解，phonegap播放音频详解的注意事项有哪些，下面就是实战案例，一起来看一下。实例如下：<!DOCTYPE html> <html><head> <meta charset="UTF-8"> <title>Compass Example</title> <script type="text/javascript" charset="UTF-8" src="cordova.js"></script> <script type="text/javascript" charset="UTF-8"> document.addEventListener("deviceready", onDeviceReady, false); function onDev...
这次给大家带来H5的audio音频和video视频使用详解，使用audio音频和video视频属性的注意事项有哪些，下面就是实战案例，一起来看一下。本文讲诉了H5新属性audio音频和video视频的控制，具体如下： 1.音频（audio）<audio controls="controls"> <source src="这里面放入音频文件路径"></source> </audio>2.视频（video） <video controls="controls" loop="loop" autoplay="autoplay" id="video"> <source src="这里面放入视频文件路...
这次给大家带来H5的存储方式详解，使用H5存储方式的注意事项有哪些，下面就是实战案例，一起来看一下。总体情况h5之前，存储主要是用cookies。cookies缺点有在请求头上带着数据，大小是4k之内。主Domain污染。主要应用：购物车、客户登录对于IE浏览器有UserData，大小是64k,只有IE浏览器支持。目标解决4k的大小问题解决请求头常带存储信息的问题解决关系型存储的问题跨浏览器1.本地存储localstorage存储方式：以键值对(Key-Value)的...
这次给大家带来i、em、b、strong元素的使用详解，使用i、em、b、strong元素的注意事项有哪些，下面就是实战案例，一起来看一下。前言为了语义化HTML5增加了不少新标签。其中i、em和b、strong这两组标签是最容易弄混的，不好好去探究一下，还真说不清。这个也是前端面试中经常会问的问题。今天从源头上，也就是从HTML5的文档（https://w3c.github.io/html/textlevel-semantics.html#the-em-element）中来一探究竟！区别详解 首先，单...