当前位置: 首页 > 科技观察

HTML5的你应该记住的一些知识点

时间:2023-03-12 17:51:46 科技观察

关于HTML5的一些知识点你要记住(有需要的童鞋可以联系我,当然也可以网上下载~~~),后面总觉得少了点什么,于是开始买唐君写的《HTML5移动Web开发指南》的书。以下是一些简单的知识点,只供我这样的菜鸟看看,高手勿进~~~!!!1:基于HTML5的移动Web应用Canvas绘图:通过获取HTML中的Dom元素Canvas,调用其渲染上下文的Context对象,使用Js绘制图形。Multimedia:VideoandAudio(多媒体视频格式:OggMPEG4WebM)Localstorage:通过提供key/value的方式存储数据WebStorage:基于HTML5的移动web应用Canvas绘图:获取HTML中的Dom元素Canvas,调用其渲染上下文TheContextobject,使用Js进行图形绘制。Multimedia:VideoandAudio(多媒体视频格式:OggMPEG4WebM)Localstorage:通过提供key/value的方式存储数据WebStorage:localStorage-没有时间限制的数据存储sessionStorage-一个session的数据存储,当用户关闭浏览器后窗口打开,数据将被删除。WebSQLDatabase:以类似关系型数据库的形式存储数据(已经是过时的标准)三个核心方法openDatabasetransactionexecuteSql离线应用:当支持离线应用的浏览器检测到一个清单文件(ManifestFile)时,会生成对应的资源文件下载后,会缓存到本地使用地理位置移动web框架:基于jQuery页面驱动的jQueryMobile,基于ExtJS架构的SenchaTouch,以及能够打通Web和Native之间通道的PhoneGap框架。有两种开发模式:传统的基于Web的开发(jQueryMobile)和基于组件的Web开发(SenchaTouch)localStorage——无时间限制的数据存储sessionStorage——针对一个session的数据存储,当用户关闭浏览器窗口时,数据将被删除WebSQLDatabase:以类似关系型数据库的形式存储数据(已经是过时的标准)三个核心方法openDatabasetransactionexecuteSql离线应用:当支持离线应用的浏览器检测到一个清单文件(ManifestFile)时,当任何资源中的文件,它会下载相应的资源文件并缓存到本地。使用地理位置的移动web框架:基于jQuery页面驱动程序的jQueryMobile,基于ExtJS架构的SenchaTouch,以及能够连接Web和Native两者之间通道的PhoneGap框架。有两种开发模式:传统的基于web的开发(jQueryMobile)和基于组件的web开发(SenchaTouch)2:HTML5中一些有趣的新特性:用于绘画的canvas元素,用于媒体播放的video和audio元素更好地支持本地离线存储新的特殊内容元素,如文章、页脚、页眉、导航、部分新的表单控件,如日历、日期、时间、电子邮件、url、搜索3:localStorage:***保存的数据在域内是安全的.它基于域。域中的任何页面都可以访问localStorage数据。请注意,在Firefox中使用localStorage存储的数据无法被Chorme浏览器读取。同样,由于localStorage的数据是存储在设备中的,所以同一个应用在不同的设备上保存的数据是不一样的,比如Android数据IOS就访问不到,先来看看Storage的API:attribute长度;method:setItem,getItem,removeItem,clear当然大家看名字就知道这些是什么意思,这里就不细说它们的具体写法了存储它的窗口或当前窗口创建的新窗口。一旦关闭,数据将被清除。它继承自Storage接口,用法与localStorage基本相同。存储时间监控:StorageEventAPI:key,oldValue,newValue,url,StorageArea;可以使用addEventListener注册和监控存储时间