美文网首页码农杂记
前端面试小札(二)

前端面试小札(二)

作者: 子谦Sumer | 来源:发表于2016-06-30 12:39 被阅读52次

5. 介绍一下你对浏览器内核的理解?

答:“内核”只是一个通俗的说法,其英文名称为“Layout engine”,翻译过来就是“排版引擎”,也被称为“页面渲染引擎”(下文中各种说法通用)。它负责取得网页的内容(HTML、XML、图像等等)、整理信息(例如加入CSS等),以及计算网页的显示方式,然后会输出至显示器或打印机。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要排版引擎。

6. 常见的浏览器内核有哪些?

答:四大引擎内核:Trident,Gecko,Presto,Webkit。使用Trident内核的浏览器:IE、Maxthon、TT、The World,360的兼容模式和IE模式等;使用Gecko内核的浏览器:Netcape6及以上版本、FireFox、MozillaSuite/SeaMonkey;使用Presto内核的浏览器:Opera7及以上版本;使用Webkit内核的浏览器:Safari、Chrome。360的极速模式等

7. HTML5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?

答:HTML5已形成了最终的标准,概括来讲,它主要是关于图像,位置,存储,多任务等功能的增加。新增的元素有绘画 canvas ,用于媒介回放的 video 和 audio 元素,本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失,而sessionStorage的数据在浏览器关闭后自动删除。

此外,还新增了以下的几大类元素。内容元素,article、footer、header、nav、section。表单控件,calendar、date、time、email、url、search。控件元素,webworker, websockt, Geolocation。

移出的元素有下列这些:显现层元素:basefont,big,center,font, s,strike,tt,u。性能较差元素:frame,frameset,noframes。

兼容性处理:IE8/IE7/IE6支持通过document.方法产生的标签,利用这一特性让这些浏览器支持HTML5新标签。使用是html5shim框架等。

区分:DOCTYPE声明的方式是区分HTML和HTML5标志的一个重要因素,此外,还可以根据新增的结构、功能元素来加以区分。

8. 简述一下你对HTML语义化的理解?其意义?

答:使用正确的标签做正确的事情!细分析来说html语义化就是让页面的内容结构化,结构化的好处则便于对浏览器、搜索引擎解析。

语义化后在没有样式CCS情况下也是以一种文档格式显示,并且也是容易阅读的。利于 SEO,搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重,语义化后,权重的特征明显加深。使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解。

9. HTML5的本地存储的优点?基本使用?

答:Storage则在本地存储,在客户端页面之间进行传递,另外,相比于cookie,它还有下列优势:它存储空间更大,每一个客户端可以拥有5M的空间进行存储;有更多更丰富的易用接口,存储和读取都非常方便;它们都有各自独立的存储空间进行数据的存读,API操作也非常方便。

localStorage.setItem("key","value")

localStorage.getItem("key","value")

localStorage.removeItem("key")

localStorage.clear()

10. HTML5的离线储存怎么使用,其工作原理?

答:需要在你的页面html元素中使用manifest属性指向缓存名单文件。

<html manifest="/cache.manifest">...</html>

离线网络应用程序就是一个URL的列表——HTML,CSS,JavaScript,图片,或者其他类型的资源。离线网络应用程序的注意指向一个叫做名单文件并用于定位网络服务器上任何文本文件的列表。用于执行HTML5离线以用程序的网络浏览器将从名单文件中读取URL列表,下载这些资源,将他们在本地缓存,并自动在这些本地副本改变时保持他们更新。当你尝试在没有网络连接时访问网络应用程序,你的网络浏览器将自动切换并使用本地代替。

相关文章

  • 前端面试小札(二)

    5. 介绍一下你对浏览器内核的理解? 答:“内核”只是一个通俗的说法,其英文名称为“Layout engine”,...

  • 前端面试小札(一)

    HTML部分 1. Doctype作用?严格模式与混杂模式如何区分?它们有何意义? 答:Doctype主要有告诉浏...

  • 面试小札

    兴趣爱好说看电影,听音乐,看书的其实就是宅。 养宠物的人都比较有耐心。 一位河南驻马店的姑娘,顿时想到了同事经常说...

  • 【言情】若你从旧时光而来 (6)

    第一札第二札第三札第四札第五札 第六札 二姐和准二姐夫言颂后天就要办婚礼,喜宴结束,直接飞新西兰度蜜月。 因为好不...

  • 前端模拟面试【二面】

    前言 之前写了一篇关于前端模拟面试的文章——前端模拟面试【一面】 今天咱们接着进行前端模拟面试二面。因为有很多是一...

  • 2019前端面试题汇总(主要为Vue)

    摘要: 经典面试题。 原文:2019前端面试题汇总(主要为Vue) 作者:前端小酱 Fundebug经授权转载,版...

  • 2019前端面试题汇总(主要为Vue)

    摘要: 经典面试题。 原文:2019前端面试题汇总(主要为Vue) 作者:前端小酱 Fundebug经授权转载,版...

  • 前端面试的经典题

    前端面试的经典题 前端面试三部曲 前端面试概念收集器 前端面试的经典题 前端面试的难题和怪题 Javascript...

  • 值得看的前端面试文章- 收藏集 - 掘金

    【前端面试 -- 四月二十家前端面试题分享】1-5 套个人解题答案 - 前端 - 掘金前端面试题 前端面试--四月...

  • 生活小札

    刚看完读库的《非洲小札》,想着也可以写写我这段时间的生活小札。 《非洲小札》是我从读库的书中随机选...

网友评论

    本文标题:前端面试小札(二)

    本文链接:https://www.haomeiwen.com/subject/xvvxjttx.html