一些前端面试题(一)

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。

 

猜你喜欢

转载自www.cnblogs.com/YMoonwind/p/8648769.html