
HTML5
ywltoread
喂喂喂
展开
-
利用HTML5新特性localstorage把用户数据暂时存储在客户端,用于之后上传
最新的JS的API中增加了localStorage对象,以便于用户存储永久存储的Web端的数据。而且数据不会随着Http请求发送到后台服务器,而且存储数据的大小机会不用考虑,因为在HTML5的标准中要求浏览器至少要支持到4MB.所以,这完全是颠覆了Cookie的限制,为Web应用在本地存储复杂的用户痕迹数据提供非常方便的技术支持。那接下里分别介绍一下localStorage的常用的方法。原创 2016-03-05 19:59:23 · 2716 阅读 · 0 评论 -
HTML5新特性,跨域信息发送方法.postMessage解释
一些麻烦事儿平时做web开发的时候关于消息传递,除了客户端与服务器传值还有几个经常会遇到的问题1.页面和其打开的新窗口的数据传递2.多窗口之间消息传递3.页面与嵌套的iframe消息传递4.上面三个问题的跨域数据传递postMessage()这些问题都有一些解决办法,但html5引入的message的API可以更方便、有效、安全的解决这些难题转载 2016-10-25 17:20:52 · 984 阅读 · 0 评论 -
使用Angularjs、jQuery在手机上实现滑动条到底自动加载更多功能
关键词:directive infiniteScroll infiniteScrollDistance infiniteScrollDisabled $window.on $window.off在网上查了很多相关技术,在电脑浏览器上能正常的实现自动加载更多功能,但是放到手机APP壳子上就不行了。下面把代码和自己的分析写下来,原创 2016-04-28 14:16:48 · 6929 阅读 · 2 评论 -
Html5新标签解释及用法
HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准。它希望能够减少浏览器对于需要插件的丰富性网络应用服务(plug-in-based rich internet application,RIA),如Adobe Flash, Microsoft Silverlight, 与 Sun JavaFX 的需求。转载 2016-11-28 16:39:05 · 329 阅读 · 0 评论 -
IE条件注释详解
IE条件注释是微软从IE5开始就提供的一种非标准逻辑语句,作用是可以灵活的为不同IE版本浏览器导入不同html元素,如:样式表,html标签等。很显然这种方法的最大好处就在于属于微软官方给出的兼容解决办法而且还能通过W3C的效验。让我们举几个例子来看看:1、只有IE才能识别 123<!--[if IE]>转载 2017-02-23 16:50:40 · 712 阅读 · 0 评论 -
初识CSS动画与JS动画,强制同步布局
css动画主要用到三个属性:transition、animation、transform,通过这三个属性可以实现transition过渡:初始状态到终止状态的平滑过渡,animation动画:当前样式逐渐改为新样式,transform变换:改变某个元素形状、大小、位置。js动画要稍微灵活一些,使用setInterval() 方法定时循环改变元素原创 2017-07-19 17:41:42 · 1296 阅读 · 0 评论 -
HTML5触摸事件(touchstart、touchmove和touchend)
HTML5中新添加了很多事件,但是由于他们的兼容问题不是很理想,应用实战性不是太强,所以在这里基本省略,咱们只分享应用广泛兼容不错的事件,日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件:touchstart、touchmove和touchend。 一开始触摸事件touchstart、touchmove和touchend是iOs版Safari浏览器为了向开发人员转载 2018-01-15 16:54:35 · 10842 阅读 · 0 评论 -
浏览器高度 document.body.scrollTop用法
网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.offsetHeight (包括边线的宽);网页正文全文宽: document.body.scro转载 2018-01-15 18:23:43 · 6401 阅读 · 0 评论