前端-面试题（答案仅限于自己的理解，非正确答案）

你做的页面在哪些浏览器测试过。这些浏览器的内核分别是什么？

• IE：trident内核
• Firefox：gecko内核
• Chrome：Blink内核（基于webkit内核）
• Opera：Blink内核（基于webkit内核）
• Safari：webkit内核

每个HTML文件开头都有个很重要的东西，Doctype，知道这是干什么的吗？

告诉浏览器以何种规范（html/xhtml）进行解析页面

div+css 的布局较table 布局有什么优点？

虽然div+css能达到table一样的效果。但是改版的时候div+css改的更麻烦，而table只需要改css就行了。table写的html结构更加简洁明了。页面渲染速度也能更快。

img的alt与title有何异同？

• img的alt：图片挂掉的时候会替代图片显示文字
• img的title：当鼠标移到图片上的时候会出现提示文字

渐进增强 和优雅降级之间的不同？

• 渐进增强：以高版本浏览器为基准。一开始就构建完整的功能。然后针对低版本浏览器进行兼容 。

• 优雅降级：以低版本浏览器为基准。保证最基本的功能然后再针对高版本浏览器进行功能的增强。

为什么利用多个域名来储存网站资源会更有效？

1. 减少主域名的连接数，增快页面响应速度
2. cdn内容分发网络可以很好的解决用户因宽带，地理位置等因素所带来的访问页面延迟等问题
3. 节约 cookie宽带
4. 防止不必要的安全问题
5. 解决浏览器并发限制

请谈一下你对网页标准和标准制定机构重要性的理解

为了更好的web发展。开发者遵循统一的开发标准，防止滥用代码而造成的各种bug。提高网站的易用性。

请描述一下cookie localStorage sessionStroage的区别？

cookie和stroage的区别：

1. 数据大小：cookie ：4kb stroage：5MB
2. 服务器交互：cookie：服务器发送给客户端；stroage：客户端本地储存数据
3. 数据共享： cookie：同源可以共享cookie；localStroage：同一浏览器不同页面可以共享数据；sessionStroage：用ifame标签进行连接可以共享数据
4. 生命周期：cookie：服务器进行设置；