每日两道前端面试题20190221

栏目: Html5 · 发布时间: 6年前

内容简介:使用方式:在页面头部中加入一个manifest的属性就可以cache.manifest的书写方式,如下:工作原理:

HTML5的离线存储使用以及工作原理解答?

使用方式:在页面头部中加入一个manifest的属性就可以

<!DOCTYPE HTML>
<html manifest = "cache.manifest">
...
</html>

cache.manifest的书写方式,如下:

CACHE MANIFEST
#v0.11

CACHE: //表示需要离线存储的资源列表
js/app.js
css/style.css

NETWORK://表示在NETWORK中列出的资源只有在在线情况下才能访问,不会被离线存储,若CACHE和NETWORK中都有这个资源则会离线存储,因为CACHE的优先级更高
resourse/logo.png

FALLBACK://表示如果第一个资源访问失败,就用第二个资源来替换他,以下表示的就是访问根目录失败后,就用offline.html来替换它
/ /offline.html

工作原理:

在线的情况下,浏览器 发现html头部有manifest属性 ,它会请求manifest文件

如果是第一次访问app,那么浏览器会 根据manifest文件的内容下载相应的资源并进行离线处理

如果访问的app资源已经离线存储了,则浏览器会使用离线的资源加载页面

同时 对比新的manifest与旧的manifest文件 ,如果没有发生改变,则不做任何操作,若改变了,

重新下载manifest并对离线资源进行存储

HTML5有了哪些优化?

HTML5新特性:主要是增强了图形渲染,影音,数据存储,多任务处理等能

1.canvas - 绘画

2.video.audio - 媒介回放

3.localStorage - 长期存储数据,浏览器关闭后数据不丢失

4.article.footer.header.nav.section - 语意化更好的内容元素

5.calendar.date.time.email.url.search - 表单控制

6.webworker专用线程.websocket通信.geolocation地理定位 - 新的技术

移除的元素:

1.basefont默认字体

2.big大字体

3.center水平居中

4.font字体标签

5.strike中横线

6.tt文本等宽

7.u下划线

处理HTML5新标签的浏览器兼容问题?

1.实现标签被识别

通过document.createElement(tagName)方法即可让浏览器识别新标签,浏览器支持新标签后,还可以为新标签添加CSS样式

2.javascript解决方案

使用Html5shim,在head中调用以下代码:

<!--[if lt IE 9]>
    <script> src="http://html5shim.googlecode.com/svn/trunk/html5.js"</script>
<![endif]-->

趣事

今天也是要加油的一天鸭

今天听到了一个很新奇的概念

叫做时间粒度,我的理解中,它是一个时间单位,时间颗粒

有些人的时间粒度是5分钟,15分钟,1个小时,也有的人是半天,一天

时间粒度的大小与你的专业度挂钩

比尔盖茨的时间粒度是5分钟

王健林的时间粒度是15分钟

有一次王健林去参加记者的采访,但是记者迟到了三分钟,

这时王健林当即离开了,后来记者说,他很不近人情

但其实,对于时间粒度是15分钟的人来说,一分钟都很宝贵.

希望自己也能珍惜时间去进步,毕竟,长大后的时间过的实在太快了


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

HTML5

HTML5

Matthew David / Focal Press / 2010-07-29 / USD 39.95

Implement the powerful new multimedia and interactive capabilities offered by HTML5, including style control tools, illustration tools, video, audio, and rich media solutions. Understand how HTML5 is ......一起来看看 《HTML5》 这本书的介绍吧!

随机密码生成器
随机密码生成器

多种字符组合密码

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具