每日两道前端面试题20190221

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

内容简介:使用方式:在页面头部中加入一个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分钟的人来说,一分钟都很宝贵.

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


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

查看所有标签

猜你喜欢:

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

PHP项目开发全程实录

PHP项目开发全程实录

清华大学出版社 / 2008 / 56.00元

《软件项目开发全程实录丛书•PHP项目开发全程实录:DVD17小时语音视频讲解(附光盘1张)》主要特色: (1)12-32小时全程语音同步视频讲解,目前市场上唯一的“全程语音视频教学”的案例类 图书,培训数千元容,尽在一盘中! (2)10套“应用系统”并公开全部“源代码”,誓将案例学习进行到底! (3)丛书总计80个应用系统300个应用模块。 (4)含5000页SQL se......一起来看看 《PHP项目开发全程实录》 这本书的介绍吧!

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换