下载此文档

前端面试题含答案.doc

文档分类：汽车/机械/制造 | 页数：约29页举报非法文档有奖

1/29

下载提示

1.该资料是网友上传的，本站提供全文预览，预览什么样，下载就什么样。
2.下载该文档所得收入归上传者、原创者。
3.下载的文档，不会出现我们的网址水印。

同意并开始全文预览

(约 1-6 秒)

1/29 下载此文档

文档列表 文档介绍

前端面试题含答案.docXX公司
产品部-前端面试题-答案
Beiji ng
前端开发面试知识点大纲:
HTML&CSS:
对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、 CSS3、移动端适应
JavaScript:
数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存泄漏、事件机制、异步装载回调、模板引擎、Nodejs、JSON、ajax等。
其他：
HTTP、安全、正则、优化、重构、响应式、移动端、团队协作、可维护、SEO、UED、架构、职业生涯
作为一名前端工程师，无论工作年头长短都应该必须掌握的知识点：
1、DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。
2、DOM操作——如何添加、移除、移动、复制、创建和查找节点等。
4、 XMLHttpRequest——这是什么、怎样完整地执行一次GET请求、怎样检测错误。
5、严格模式与混杂模式--如何触发这两种模式，区分它们有何意义。
6、盒模型--外边距、内边距和边框之间的关系，及IE8以下版本的浏览器中的盒模型
7、块级元素与行内元素--怎么用CSS控制它们、以及如何合理的使用它们
8、浮动元素一怎么使用它们、它们有什么问题以及怎么解决这些问题。
9、 HTML与XHTML——二者有什么区别，你觉得应该使用哪一个并说出理由。
10、 JSON 作用、用途、设计结构。
HTML
Doctype作用？严格模式与混杂模式如何区分？它们有何意义？
、<!DOCTYPE>声明位于文档中的最前面，处于<html>标签之前。告知浏览器的解析器，用什么文档类型规范来解析这个文档。
、严格模式的排版和JS运作模式是以该浏览器支持的最高标准运行。
、在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。
、DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。
行内元素有哪些？块级元素有哪些？空(void)元素有那些？
CSS规范规定，每个元素都有display属性，确定该元素的类型，每个元素都有默认的display值，比如div默认display 属性值为“block” ,成为“块级”元素；span默认display属性值为“inline” ,是“行内”元素。
行内元素有：a b span img input select strong (强调的语气)块级元素有：div ul ol li dl dt dd hl h2 h3 h4- - -p
知名的空元素：<br> <hr> <img> <input> <link> <meta>
鲜为人知的是： <area> <base> <col> <command> <embed> <keygen> <param> <source> <track> <wbr>
link和***@import的区别是?
(1) link属于XHTML标签，而***@import是CSS提供的；
⑵ 页面被加载的时，link会同时被加载，而***@import引用的CSS会等到页面被加载完再加载;
import只在IE5以上才能识别，而link是XHTML标签，无兼容问题；
link方式的样式的权重高于***@import的权重.
四、浏览器的内核分别是什么?
IE 浏览器的内核 Trident> Mozilla 的 Gecko> Chrome 的 Blink (WebKit 的分支)、Opera 内核原为 Presto,现为 Blink；
五、常见兼容性问题？
png24位的图片在iE6浏览器上出现背景，解决方案是做成PNG8.
*浏览器默认的margin和padding不同。解决方案是加一个全局的* {margin:O;padding:O;}来统一。
IE6双边距bug:块属性标签float后，又有横行的margin情况下，在ie6显示margin比设置的大。
浮动 ie 产生的双倍距离 #box{ floatrleft; width: 10px; margin:。0 0 lOOpx;}
这种情况之下IE会产生20px的距离，解决方案是在float的标签样式控制中加入 ——_display:inline;将其转化为行内属
性。(一这个符号只有ie6会识别)
渐进识别的方式，从总体中逐渐排除局部。
首先，巧妙的使用"\9”这一标记，将IE游览器从所有情况中分离出来。
接着，再次使用"+ ”将IE8和IE7、IE6分离开来，这样IE8已经独立识别。
,bb{
background-color:#fleel 8;/*所有识别 */
.bac

前端面试题含答案来自淘豆网www.taodocs.com转载请标明出处.