一些前端面试题

Posted 2021-01-23 ymoonwind

1.你做过的页面在那些浏览器测试过？它们的内核分别是什么？

IE（trident内核）；Firefox(gecko内核)；Safari(webkit内核)；Opera（以前是presto内核，现在已经改用Google Chrome的Blink内核）；Chrome(Blink内核，基于webkit，Google与Opera Software共同开发)。

2.每个html文件开头都有一个Doctype,有什么作用？

告诉浏览器按照何种规范解析页面。

3.你所知道的图片格式有哪些？

png-8;png-24;jpeg;gif;svg;

最好再说上WebP,它是谷歌开发的一种旨在加快图片加载速度的格式。图片压缩体积大约只有JPEG的2/3,并且能节省大量的服务器带宽资源和数据空间。在质量相同的情况下，Web格式图像的体积要比JPEG格式图像小40%。

4.cookie,sessionStorage,localStorage的区别？

sessionStorage用于本地存储一个会话中的数据，这些会话只有在同一个会话中的页面才可以访问，会话结束即销毁。因此它不是一种持久化的本地存储，仅仅是会话级别。

localStorage是一种持久化的本地存储。除非主动删除数据，否则数据刽销毁。Web storage与cookie的区别是，前者自带一些方法setItem，getItem，removeItem，clear等方法，不需要像cookie一样还要封装自己的方法。同时cookie大小受限制，每当页面有请求的时候cookie都会被发送过去，无形中浪费了带宽。同时cookie要指定作用域，不可以跨域使用。

5.css中link与@import的区别

link属于html标签，@import是css提供的。@import只支持es5以上，link不存在兼容性。页面加载的时候，link会被同时加载。@import引用的css会在页面加载完成后才加载。link引用样式的权重大于@import。