前端面试简答试题
在学习和工作中,我们都可能会接触到试题,借助试题可以对一个人进行全方位的考核。大家知道什么样的试题才是规范的吗?以下是小编整理的前端面试简答试题,仅供参考,希望能够帮助到大家。
1、页面从输入URL到页面加载显示完成,这个过程中都发生了什么?
1、输入域名地址。
2、发送至DNS服务器并获得域名对应的WEB服务器IP地址。
3、与WEB服务器建立TCP连接。
4、服务器的永久重定向响应(从http://example、com到http://www、example、com)。
5、浏览器跟踪重定向地址。
6、服务器处理请求。
7、服务器返回一个HTTP响应。
8、浏览器显示HTML。
9、浏览器发送请求获取的资源(如图片、音频、视频、CSS、JS等等)。
10、浏览器发送异步请求。
2、浏览器工作原理
1、用户界面;
2、网络;
3、UI后端;
4、数据存储;
5、浏览器引擎;
6、渲染引擎;
7、js解释器。
3、浏览器解析过程:
流程:解析html以构建dom树→构建render树→布局render树→绘制render树。
4、介绍一下你对浏览器内核的`理解?
主要分成两部分:渲染引擎(layoutengineer或RenderingEngine)和JS引擎。
渲染引擎:负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入CSS等),以及计算网页的显示方式,然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核。
JS引擎则:解析和执行javascript来实现网页的动态效果。最开始渲染引擎和JS引擎并没有区分的很明确,后来JS引擎越来越独立,内核就倾向于只指渲染引擎。
5、常见的浏览器内核有哪些?
Trident内核:IE,360,傲游,搜狗,世界之窗,腾讯等。
Gecko内核:Netscape6及以上版本,FF,MozillaSuite/SeaMonkey等
Presto内核:Opera7及以上。Opera内核原为:Presto,现为:Blink;
Webkit内核:Safari,Chrome等。Chrome的:Blink(WebKit的分支)
6、请描述一下cookies,sessionStorage和localStorage的区别?
cookie是网站为了标示用户身份而储存在用户本地终端(ClientSide)上的数据(通常经过加密),数据会在浏览器和服务器间来回传递。sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。
存储大小:
cookie数据大小不能超过4k。
sessionStorage和localStorage虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大。
有期时间:
localStorage存储持久数据,浏览器关闭后数据不丢失除非主动删除数据,sessionStorage数据在当前浏览器窗口关闭后自动删除,cookie设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭。