博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
每日两道前端面试题20190221
阅读量:6159 次
发布时间:2019-06-21

本文共 1286 字,大约阅读时间需要 4 分钟。

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

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

...

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

CACHE MANIFEST#v0.11CACHE: //表示需要离线存储的资源列表js/app.jscss/style.cssNETWORK://表示在NETWORK中列出的资源只有在在线情况下才能访问,不会被离线存储,若CACHE和NETWORK中都有这个资源则会离线存储,因为CACHE的优先级更高resourse/logo.pngFALLBACK://表示如果第一个资源访问失败,就用第二个资源来替换他,以下表示的就是访问根目录失败后,就用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中调用以下代码:

趣事

今天也是要加油的一天鸭

今天听到了一个很新奇的概念
叫做时间粒度,我的理解中,它是一个时间单位,时间颗粒
有些人的时间粒度是5分钟,15分钟,1个小时,也有的人是半天,一天
时间粒度的大小与你的专业度挂钩
比尔盖茨的时间粒度是5分钟
王健林的时间粒度是15分钟
有一次王健林去参加记者的采访,但是记者迟到了三分钟,
这时王健林当即离开了,后来记者说,他很不近人情
但其实,对于时间粒度是15分钟的人来说,一分钟都很宝贵.
希望自己也能珍惜时间去进步,毕竟,长大后的时间过的实在太快了

转载地址:http://ljsfa.baihongyu.com/

你可能感兴趣的文章
并发容器之CopyOnWriteArrayList(转载)
查看>>
什么是AAC音频格式 AAC-LC 和 AAC-HE的区别是什么
查看>>
原创:goldengate从11.2升级到12.1.2
查看>>
Quartz
查看>>
正则表达式的语法规则
查看>>
C#一个关于委托和事件通俗易懂的例子
查看>>
类似于SVN的文档内容差异对比工具winmerge
查看>>
Cause: java.sql.SQLException: The user specified as a definer ('root'@'%') does not exist
查看>>
quratz线程
查看>>
execnet: rapid multi-Python deployment
查看>>
windows修改3389端口
查看>>
关于JavaScript词法
查看>>
FreeSwitch中的会议功能(4)
查看>>
MySQL中创建用户分配权限(到指定数据库或者指定数据库表中)
查看>>
AutoReleasePool 和 ARC 以及Garbage Collection
查看>>
重新想象 Windows 8 Store Apps (9) - 控件之 ScrollViewer 基础
查看>>
乐在其中设计模式(C#) - 提供者模式(Provider Pattern)
查看>>
MVP Community Camp 社区大课堂
查看>>
GWT用frame调用JSP
查看>>
大型高性能ASP.NET系统架构设计
查看>>