前端实习面试题一

Tesia ·

更新时间:2024-09-21

· 721 次阅读

1.什么是浏览器内核，常用的浏览器的内核有哪些？

内核是浏览器的核心，内核是基于标记语言显示内容的程序，浏览器内核可以分为两部分，渲染引擎（负责对HTML，CSS的解析），js引擎（负责对js代码的解析）
目前的浏览器内核有：trident，Gecko，presto，webkit等

行内元素和块级元素有哪些？

内行元素有：a,span,br,i,img,label等
块级元素有：div,li,ul,ol,h1~h6,tr等
区别：块级元素会独占一行，其宽度自动填满其父元素宽度；行内元素不会独占一行，相邻的行内元素会排列在同一行里，如果一行排不下，才会换行，其宽度随元素的内容而变化。块级元素可以设置width和height属性，而行内元素则不可以。块级元素可以设置margin和padding，行内元素只能设置水平方向，不能设置垂直方向。
行内元素和块级元素可以通过display来相互转化。

简述一下你对HTML语义化的理解？

用正确的标签做正确的事。
HTML语义化能够是页面的内容结构化，结构清晰，便于浏览器和搜索引擎的解析。
使其他人在阅读代码源时，便于对网站的理解，更容易阅读。

你能描述一下渐进增强和优雅降级之间的不同吗?

渐进增强：先保证在底版的浏览器中能够进行基本的页面构建，保证基本的功能，对高版本的浏览器在基础上进行对页面的美化，和交互，加强页面交互。
优雅降级：优先考虑高版本的浏览器的页面美化效果，和交互。在对于低版本的浏览器的兼容。

请描述一下cookies，sessionStorage和localStorage的区别？

cookie是网站为了标示用户身份而储存在用户本地终端（Client Side）上的数据（通常经过加密）。cookie数据始终在同源的http请求中携带（即使不需要），记会在浏览器和服务器间来回传递。
sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。
存储大小：
cookie数据大小不能超过4k。
sessionStorage和localStorage 虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。
有期时间：
localStorage 存储持久数据，浏览器关闭后数据不丢失除非主动删除数据；
sessionStorage 数据在当前浏览器窗口关闭后自动删除。
cookie 设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭