史上最全的前端面试总结

业余草

科技数码领域优质创作者

博客专家认证

2016-10-22 04:18:40

加精

史上最全的前端面试总结
整理来源于业余草：http://www.xttblog.com/?p=880
你如何理解HTML结构的语意化
去掉或样式丢失的时候能让页面呈现清晰的结构；
屏幕阅读器（如果访客有视障）会完全根据你的标记来“读”你的网页；
PDA、手机等设备可能无法像普通电脑的浏览器一样来渲染网页（通常是因为这些设备对
CSS的支持较弱）；
搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重；
你的页面是否对爬虫容易理解非常重要,因为爬虫很大程度上会忽略用于表现的标记，而只注重语义标记；
便于团队开发和维护。
Doctype文档声明的严格模式和混杂模式，如何触发这两种模式，区分它们有何意义
如何触发两种模式
加入xml头部声明，可以触发IE浏览器的Quirks mode，触发之后，浏览器解析方式就和IE5.5一样，拥有IE5.5一样的bug和其他问题，行为（JavaScript）也是如此。
IE6的触发：在XHTML的DOCTYPE前加入XML声明
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
IE7的触发：在XML声明和XHTML的DOCTYPE之间，加入HTML注释
<?xml version="1.0" encoding="utf-8"?>
<!– … and keep IE7 in quirks mode –>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
IE6和IE7都可以触发的：在HTML4.01的DOCTYPE文档头部，加入HTML注释
<!– quirks mode –> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
在页面顶部加 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">，将触发“怪异模式”
没有使用DTD声明或者使用HTML4以下（不包括HTML4）的DTD声明时，基本上所有的浏览器都是使用quirks mode呈现
.....
.....
.....
鉴于内容的篇幅问题，总结这篇文章中包含以下内容知识点！
谈谈以前端角度出发做好SEO需要考虑什么?
我们知道可以以外链的方式引入CSS文件，请谈谈外链引入CSS有哪些方式，这些方式的性能有区别吗
CSS Sprite是什么，谈谈这个技术的优缺点
行内元素有哪些？块级元素有哪些？CSS的盒模型
前端页面有哪三层构成，分别是什么？作用是什么
html中form里action方法的get和post有什么区别
html元素的id跟class什么区别
Ajax是什么
你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些？怎么会出现？解决方法是什么？
HTML5 离线存储
iframe的优缺点
CSS盒模型原理
整理来源于业余草：http://www.xttblog.com/?p=880

...全文