TypechoJoeTheme

快把钟哥带走

zyz

网站页面
标签搜索
搜索到 12 篇与 H5&C3 的结果
2019-04-12

H5&C3之本地存储

H5&C3之本地存储
一、Cookie什么是Cookie 数据存储到计算机中,通过浏览器控制添加与删除数据Cookie特点 - 存储限制: 一个域名100个Cookie,每个4kb; - Cookie会包含在每个HTTP请求中向服务器发送,这回导致多次发送重复数据; - Cookie在网络传输时并未加密,也可能会有安全隐患; - 页面间的Cookie是共享的;设置cookie// num过期时间,单位秒 function setCookie(cname, cvalue, num){ var d = new Date() d.setTime(d.getTime() + (num*1000)) var expires = 'expires=' + d.toGMTString() document.cookie = cname + '=' + cvalue + '; ' + expires console.log(document.cookie) }获取cookiefunction getCookie(cname){ // 多个值存储...

H5&C3

727 阅读
2019年04月12日
727 阅读
0 评论
2019-04-12

H5&C3之音频视频

H5&C3之音频视频
一、音频和视频audio音频标签video视频标签二、编解码器音频、视频格式原始文件是非常大的,这就需要添加时进行编码压缩,播放时进行解码。音频编解码器 MP3、WAV、OGG Vobis视频编解码器 H.264、VP8、OGG Theora三、媒体元素src: 指定音频、视频的url <audio src="105511007-1.mp3"></audio>controls : 显示或隐藏用户控制界面 // 添加上controls之后,控制界面就会显示 <audio src="105511007-1.mp3" controls></audio> > 不同浏览器中,控制界面控件都会有所不同。 autoplay : 媒体是否自动播放<audio src="105511007-1.mp3" autoplay></audio>loop : 媒体是否循环播放<audio src="105511007-1.mp3&q...

H5&C3

543 阅读
2019年04月12日
543 阅读
0 评论
2019-04-12

H5&C3之离线缓存

H5&C3之离线缓存
一、离线存储的好处没有网络时,可以正常访问快速响应页面,不必用多个HTTP占用资源带宽减轻服务器的负载: 浏览器只会下载在服务器上发生改变的资源缓存的可以是任何文件离线存储,关键在于没有网络时的操作;本地存储不一样,有无网络都是一样,就是将数据保存到本地中;二、H5缓存机制1-浏览器缓存机制 2-Dom Storage(Web Storage)存储机制 3-Web SQL Database存储机制 4-Application Cache(AppCache)机制 5-Indexed Database(IndexedDB) 6-File System API三、Application Cache机制离线缓存是Html5新特性之一,简单理解就是第一次加载后将数据缓存,在没有清除缓存前提下,下一次没有网络也可以加载,用在静态数据的网页或游戏比较好用。当然,Html5新的特性都不是所有浏览器都能支持的,离线缓存也一样。反正IE9(包括)及IE9以下的浏览器目前是不支持的。如果用在移动端,应该都能支持。Application Cache(AppCache)是为支持Web App离线使用而开发...

H5&C3

663 阅读
2019年04月12日
663 阅读
0 评论
2019-01-09

H5&C3之跨文档消息通信

H5&C3之跨文档消息通信
(关于跨域通信问题,先要将服务器配置好,添加两个不同域名,方便操作)一、跨文档消息通信(同域名)iframe01-窗口通信.html <iframe id="myFrame" src="01-test.html"></iframe> <!-- 可以通过js去访问被包含页面的DOM元素 --> <script> window.onload = function() { var myIframe = document.getElementById("myFrame"); // 改变子页面的背景 document.onclick = function() { // 要操作iframe中的dom元素,先获取到iframe引入的window对象 -----> contentWindow myIframe.contentWindow.document.body.style.background = 'purple'; } } </script...

H5&C3

806 阅读
2019年01月09日
806 阅读
0 评论
2018-06-13

H5&C3之初认识

H5&C3之初认识
JavaScript库CDN加速: 百度: http://cdn.code.baidu.com/ 七牛云: http://www.staticfile.org/一、新特性用于绘画的canvas元素用于媒体播放的video和audio元素对本地离线存储的更好的支持新的特殊内容元素(例如article、footer、header、nav、section)新的表单控件(例如calendar、date、time、email、url、search)二、新的结构化元素(语义化标签)<header></header>页眉 【用于页面头部的信息介绍】 <header> ![](logo.png) </header><hgroup><hgroup>页面中标题组合 【一个标题和一个子标题或标语组合】<hgroup> <h1>标题1</h1> <h2>标题2</h2> </hgroup><nav><...

H5&C3

760 阅读
2018年06月13日
760 阅读
0 评论