手指信息,本地存储

transitionend 过渡结束之后会触发的事件
anmationend

TouchEvent
TouchEvent是一类描述手指在触摸平面上的状态变化的事件
1.事件
touchstart 手指按下的事件 mousedown
touchmove 手指移动的事件 mousemove
touchend 手指抬起的事件 mouseup
touchcancel 被某些原因中断的时候会触发的事件
2.手指信息
e.touches 所有的手指信息 是一个类数组
e.touches[0] 第一根手指的信息
e.targetTouches 目标的元素的信息
e.changedTouches 抬起是手指的信息
3.
screenX,screenY 手指距离屏幕的距离
clientX,clientY 手指距离时视口的距离
pageX,pageY 手指距离页面的距离
4.调试
1.先把代码放到本地服务器下面
2.win+r-------》cmd
本机ip
3.输入ipconfig 找iPv4的地址,www之前的地址换成这个地址
4.吧地址放到草料二维码里面,点击生成
//前提手机和电脑必须在同一个局域网下边
用手机扫码

本地存储
webStorage
localStorage 生命周期 痛就存在的,除非手动删除
sessionStorage 生命收起 会话级别的,当前会话窗口关闭,或者浏览器关闭之后就清空

方法
localStorage/sessionStorage.setItem(‘key,’value‘)//存值
localStorage/sessionStorage.getItem(‘key’,’value‘)//取值
localStorage/sessionStorage.removeItem(‘key‘,’value‘)//删除某一个值
localStorage/sessionStorage.clear) //清空
localStorage/sessionStorage.setItem(‘key’,’value‘)//本地存储的长度
localStorage/sessionStorage.key(i)//i是下标 取出来的是键名
localStorage/sessionStoragelength //本地存储的长度

本地存储的存储大小 5MB左右

cookie 没有上面的那些方法,需要自己去封装
跟本地存储的最大区别,它可以设置过期时间

本地存储只能存字符串
对象转字符串 JSON.stringify
字符串转对象 JSON.parse

原文地址:https://www.cnblogs.com/mapsxy/p/9612565.html

时间: 2024-10-07 20:16:24

手指信息,本地存储的相关文章

利用html5的本地存储功能实现登录用户信息保存

在HTML5中,本地存储是一个window的属性,包括localStorage和sessionStorage,从名字应该可以很清楚的辨认二者的区别,前者是一直存在本地的,后者只是伴随着session,窗口一旦关闭就没了.二者用法完全相同,这里以localStorage为例. 用户名.密码保存,自动登录等,可以通过设置cookie实现,第一次登录网站后在本地计算机的中写入cookie,之后再次登录此网站查看cookie中现有的值,用cookie值进行网站登录即可.但是 cookie 不适合大量数据

如何获取本地存储信息

本地存储信息的储存方式有三种1:cookie 2.sessionStorage 3.localStroage cookie数据存储量少,安全性低已经渐渐被替代. 客户端存储数据的两个对象为:1:sessionStorage  2:localStorage sessionStroage.setitem(key,value)保存数据: sessionStroage.getitem(key)获取数据: sessionStroage.remove(key);删除单个数据: sessionStroage.

h5 本地存储和读取信息

参考:http://killtyz.com$(document).ready(function () { $('#add-input').focus(); $('#add-input').bind('keypress',function(event){ var value = $(this).val(); if( event.keyCode == "13" && value ) { var time = (new Date()).getTime(); addItem(t

【Android应用开发】 Android 崩溃日志 本地存储 与 远程保存

示例代码下载 : http://download.csdn.net/detail/han1202012/8638801; 一. 崩溃日志本地存储 1. 保存原理解析 崩溃信息本地保存步骤 : -- 1. 自定义类实现 UncaughtExceptionHandler : public class CrashHandler implements UncaughtExceptionHandler; -- 2. 设置该自定义的 CrashHandler 类为单例模式 : // 单例模式 private

HTML5移动开发之路(19)——HTML5 Local Storage(本地存储)

本文为 兄弟连IT教育 机构官方 HTML5培训 教程,主要介绍:HTML5移动开发之路(19)--HTML5 Local Storage(本地存储) 一.浏览器存储的发展历程 本地存储解决方案很多,比如Flash SharedObject.Google Gears.Cookie.DOM Storage.User Data.window.name.Silverlight.Open Database等. 借用网上的一张图来看下目前主流的本地存储方案: Cookie: 在web中得到广泛应用,但局限

Html5 web本地存储

Web Storage是HTML5引入的一个非常重要的功能,可以在客户端本地存储数据,类似HTML4的cookie,但可实现功能要比cookie强大的多,cookie大小被限制在4KB,Web Storage官方建议为每个网站5MB. Web Storage又分为两种: sessionStorage localStorage 从字面意思就可以很清楚的看出来,sessionStorage将数据保存在session中,浏览器关闭也就没了:而localStorage则一直将数据保存在客户端本地: 不管

HTML5笔记:跨域通讯、多线程、本地存储和多图片上传技术

最近做项目在前端我使用了很多新技术,这些技术有bootstrap.angularjs,不过最让我兴奋的还是使用了HTML5的技术,今天我想总结一些HTML5的技术,好记性不如烂笔头,写写文章可以很好的整理思路,写到博客里还能做个备忘. 1) 跨域通讯 现在做企业项目,前端很不自然的会大量使用iframe标签,我以前在文章里提到iframe是一个效率极其低下的标签,但是如果项目没有什么性能的苛求,使用iframe还是非常的方便的. 使用iframe经常碰到父子窗体通讯的问题,我们看看下面的代码:

HTML5之本地存储

l  Cookie ?     数据存储到计算机中,通过浏览器控制添加与删除数据 l  Cookie的特点 ?     存储限制 –    域名100个cookie,每组值大小4KB ?     客户端.服务器端,都会请求服务器(头信息) ?     本地存储也会请求服务器 ?     页面间的cookie是共享 l  Storage ?     sessionStorage –    session临时回话,从页面打开到页面关闭的时间段 –    窗口的临时存储,页面关闭,本地存储消失 ?  

HTML5本地存储

一.Storage介绍 1.sessionStorage session临时回话,从页面打开到页面关闭的时间段 窗口的临时存储,页面关闭,本地存储消失 2.localStorage 永久存储(可以手动删除数据) 二.Storage的特点 存储量限制 ( 5M ) 客户端完成,不会请求服务器处理 sessionStorage数据是不共享. localStorage共享 三.Storage API 基本方法使用 setItem(): 设置数据,key\value类型,类型都是字符串 可以用获取属性的