本文内容主要介绍了面试官常问的web前端问题大全,非常不错，具有一定的参考借鉴价值。
话又说回来见过面试题也不少了，总之了一句话：面试前备好功课，面试中临危不乱，面试后谦虚有礼！这只是我本人总结的一些面试三要素，需要的可以参考参考，话不多了，一起来看看吧。希望能够对各位有所帮助！
1. DIV+CSS 布局较 table 有什么优势？
DIV+CSS 布局：速率快，页面体积小，浏览速度快；便于被搜索引擎收录；样式丰富，页面更灵活；便于修改，效率高。
速率更快，页面体积变小，浏览速度变快，这就使得对于某些控制主机流量的网站来说是最大的优势了；更好地被搜索引擎收录，大部分 html 页面的样式写入了 CSS 文件中，便于被搜索引擎采集收录；对浏览者和浏览器更具优势，由于 CSS 富含丰富的样式，使页面更加灵活性，它可以根据不同的浏览器，而达到显示效果的统 一和不变形；4、修改更有效率，由于使用了 DIV+CSS 制作方法，在修改页面的时候更加容易省时，提高工作效率；
提示：（table在企业中极少用！！！）
2.介绍一下标准的 CSS 的盒子模型？与低版本 IE 的盒子模型有什么不同的？
有两种， IE 盒子模型、W3C 盒子模型；CSS盒模型常用的属性： 内容(content)、填充(padding)、边界(margin)、 边框(border)； 区 别： IE 的 content 部分把 border 和 padding 计算了进去;
网页设计中常用的属性名：内容(content)、填充(padding)、边框(border)、边界(margin)， CSS盒子模式都具备这些属性。这些属性我们可以用日常生活中的常见事物——盒子作一个比喻来理解，所以叫它盒子模式。CSS盒子模型就是在手游账号拍卖网页设计中经常用到的CSS技术所使用的一种思维模型。 想象一个盒子，它有：外边距（margin）、边框（border）、内边距（padding）、内容（content）四个属性； 让我们俯视这个盒子，它有上下左右四条边，所以每个属性除了内容（content），都包括四个部分：上下左右；这四部分可同时设置，也可分别设置；内边距可以理解为盒子里装的东西和边框的距离，而边框有厚薄和颜色之分，内容就是盒子中间装的东西，外边距就是边框外面自动留出的一段空白。
3.null，undefined 的区别?
null 表示一个对象被定义了，值为“空值”；
undefined 表示不存在这个值
4.描述下 JSON 对象的两个很重要的方法
JSON.parse() //JSON 字符串转换为 JSON 对象
JSON.stringify() //JSON 对象转化为字符串
5. 简述下为何通过 ajax 发送的请求会出现乱码问题，如何解决？
编码格式冲突，直接在传输中文数据前加 encodURL() 编码乱码的问题就是编码格式冲突，我们需要传输中文数据前面加一个 encodeURI()编码， 例如：encodeURI($("#fk_info").val())；在接受参数的页面对传过来的编码过后的内容用后端语言进行解码
6.HTML5、CSS3 里面都新增了那些新特性？
新的语义标签 本地存储 离线存储 Websocket 2d，3d 变换 Transition,animation 媒体查询新的单位（rem,vw，vh 等）
7. 标签上 alt与 title属性的区别是什么？
alt ：搜索引擎识别，在图像无法显示时的替代文本；title ：元素注释信息，主要给用户解读。当鼠标放到文字或是图片上时有 title 文字显示。
（因为 IE 不标准）在 IE 浏览器中 alt 起到了 title 的作用，变成文字提示。 在定义 img 对象时，将 alt 和 title 属性写全，可以保证在各种浏览器中都能正常使用。
8. JS 的数据类型有哪些？
数据类型主要包括两部分： 基本数据类型：Undefined、Null、Boolean、Number 和 String引用数据类型：Array 、Object
