![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html5
豆i浆
我知道自己帅 ,别夸我 我面红
展开
-
HTML5本地储存--利用storage事件实时监听Web Storage
在事件处理函数中,触发事件的事件对象(event参数值)具有如下几个属性 event.key 属性:属性值为在 session 或 localStorage 中被修改的数据键值。 event.oldValue 属性:属性值为在 sessionStorage 或 localStorage 中被修改的值。 event.newValue 属性:属性值为在 sessionStorage 或原创 2017-06-16 14:17:51 · 17197 阅读 · 2 评论 -
javaScript -- touch事件详解(touchstart、touchmove和touchend)
HTML5中新添加了很多事件,但是由于他们的兼容问题不是很理想,应用实战性不是太强,所以在这里基本省略,咱们只分享应用广泛兼容不错的事件,日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件:touchstart、touchmove和touchend。一开始触摸事件touchstart、touchmove和touchend是iOS版Safari浏览器为了向开发人员传达一些信息新转载 2017-06-27 21:26:30 · 44003 阅读 · 2 评论 -
HTML5 -- canvas画板转为图片
效果预览:代码部分:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <canvas id="canvas" width="600" height="300"></canvas><br> <butto原创 2017-08-10 14:31:52 · 582 阅读 · 0 评论 -
HTML5游戏开发之 -- lufylegend. js猜拳游戏(竖屏)
效果预览: 代码部分:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scala原创 2017-08-17 14:08:01 · 1006 阅读 · 0 评论 -
HTML5 -- canvas实现简易画板
效果预览:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <canvas id="canvas" width="600" height="600"></canvas> <script type=原创 2017-08-10 11:22:38 · 2798 阅读 · 0 评论 -
HTML5本地储存实现--简易留言板
效果展示:“` 简易留言板原创 2017-06-15 17:34:09 · 15841 阅读 · 5 评论 -
flex兼容写法
.box { display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16原创 2017-06-25 13:00:03 · 1421 阅读 · 0 评论 -
jQuery -- touch事件之轮播图效果
废话不多说,下面放代码,注释很详细,不怕看不懂效果图预览:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-原创 2017-06-28 14:56:31 · 2451 阅读 · 2 评论 -
HTML5本地储存实现--简易数据库
虽说是简易数据库,但其实只有键值与键值对应的内容,通过将input框中的所有内容获取到JS对象中,并通过打包成JSON字符串保存在本地数据库中,实现一个键值保存多个内容效果预览: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body原创 2017-06-15 21:17:15 · 720 阅读 · 0 评论 -
HTML5本地储存--Web Storage
Web Storage是可以在客户端本地储存数据的一个功能,解决了cookie大小过小的问题 且不会出现HTTP事务多次请求浪费带宽,还比cookie具有更高的易用性Web Storage分别两种,临时储存与永久储存,分别是sessionStorage与localStoragesessionStorage : 将数据保存在seiion对象中。所谓session, 是指用户在浏览某个网站时,从原创 2017-06-16 14:32:08 · 653 阅读 · 0 评论 -
javaScript --- 解决(webview/微信浏览器/页面刷新/页面后退/URL重置页面刷新)AJAX页数重置问题
效果如下:代码如下:&lt;!DOCTYPE html&gt;&lt;html lang="zh"&gt;&lt;head&gt; &lt;meta charset="UTF-8" /&gt; &lt;meta name="viewport&am原创 2018-08-03 10:55:08 · 1588 阅读 · 0 评论