乐趣区

每日两道前端面试题20190221

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 分钟的人来说,一分钟都很宝贵. 希望自己也能珍惜时间去进步,毕竟,长大后的时间过的实在太快了

退出移动版