《前端工程师需掌握的知识点》由会员分享，可在线阅读，更多相关《前端工程师需掌握的知识点（4页珍藏版）》请在金锄头文库上搜索。
1、1、dom结构一一两个节点之间可能存在哪些关系以及如何在节点之间任意移动。document.documentElement返回文档的根节点document.bodydocument.activeElement返回当前文档中被击活的标签节点(ie)event.fromElement返回鼠标移出的源节点(ie)event.toElement返回鼠标移入的源节点(ie)event.srcElement返回激活事件的源节点(ie)event.target返回激活事件的源节点(firefox)当前对象为node返回父节点：node.parentNode,node.parendElement,返回所有子节
2、点：node.childNodes(包含文本节点及标签节点)，node.children返回第一个子节点：node.firstChild返回最后一个子节点：node.lastChild返回同属上一个子节点：node.nextSibling返回同属下一个子节点：node.previousSiblingparentNode和parentElement功能一样，childNodes和children功能一样。但是parentNode和childNodes是符合W3C标准的，可以说比较通用。而另外两个只是IE支持，不是标准，Firefox就不支持，所以大家只要记得有parentElement和chil
3、dren就行了2、dom操作一一怎样添加、移除、移动、复制、创建和查找节点。(1)创建新节点createDocumentFragment()创建一个dom片段createElement()创建一个具体的元素createTextNode()创建一个文本节点(2)添加、移除、替换、插入appendChild()removeChild()replaceChild()insertBefore()(3)查找getElementsByTagName()通过标签名称getElementsByName()通过元素的Name属性的值getElementById()/通过元素Id,唯一性3、事件一一怎样使用事件以
4、及IE和dom事件模型之间存在哪些主要差别。(1)冒泡型事件：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。IE5.5:div-body-documentIE6.0:div-body-html-documentmozilla1.0:div-body-html-document-window(2)捕获型事件(eventcapturing):事件从最不精确的对象(document对象)开始触发，然后到最精确(也可以在窗口级别捕获事件，不过必须由开发人员特别指定)。(3)dom事件流：同时支持两种事件模型：捕获型事件和冒泡型事件，但是，捕获型事件先发生。两种事件流
5、会触及dom中的所有对象，从document对象开始，也在document对象结束。dom事件模型最独特的性质是，文本节点也触发事件(在IE中不会)。4、xmlHttpRequest这是什么、怎样完整地执行一次get请求、怎样检测错误。xmlHttpRequest对象提供了在网页加载后与服务器进行通信的方法。scripttype=text/javascriptvarxmlhttp;functionloadxmlDoc(url)xmlhttp=null;if(window.xmlHttpRequest)/codeforallnewbrowsersxmlhttp=newxmlHttpRequest
6、();elseif(window.ActiveXObject)/codeforIE5andIE6xmlhttp=newActiveXObject(Microsoft.xmlHTTP);Iif(xmlhttp!=null)xmlhttp.onreadystatechange=stateChange;xmlhttp.open(get,url,true);xmlhttp.send(null);elsealert(YourbrowserdoesnotsupportxmlHTTP.);functionstate_Change()if(xmlhttp.readyState=4)/4=loadedif(xm
7、lhttp.status=200)/200=OK/.ourcodehere.elsealert(Problemretrievingxmldata);5、严格模式与混杂模式如何触发这两种模式，区分它们有何意义。在标准模式中，浏览器根据规范呈现页面；在混杂模式中，页面以一种比较宽松的向后兼容的方式显示。浏览器根据doctype是否存在以及使用的哪种dtd来选择要使用的呈现方法。如果xhtml文档包含形式完整的doctype,那么它一般以标准模式呈现。对于HTML4.01文档，包含严格dtd的doctype常常导致页面以标准模式呈现。包含过渡dtd和uri的doctype也导致页面以标准模式呈现，但
8、是有过渡dtd而没有uri会导致页面以混杂模式呈现。doctype不存在或形式不正确会导致HTML和xhtml文档以混杂模式呈现。6、盒模型一一外边距、内边距和边框之间的关系，IE8以下版本的浏览器中的盒模型有什么不同。一个元素盒模型的层次从内到外分别为：内边距、边框和外边距IE8以下浏览器的盒模型中定义的元素的宽高不包括内边距和边框7、块级元素与行内元素一一怎么用css控制它们、它们怎样影响周围的元素以及你觉得应该如何定义它们的样式。块级元素，用css中的display:inline;属性则变为行内元素行内元素，用css中的display:block;属性则变为块级元素影响：周围元素显示在同
9、一行或换行显示，根据具体情况调整样式8、浮动元素一一怎么使用它们、它们有什么问题以及怎么解决这些问题。需要浮动的元素可使用css中float属性来定义元素的浮动位置，left：往左浮动，right：往右浮动浮动元素引起的问题：(1)父元素的高度无法被撑开，影响与父元素同级的元素(2)与浮动元素同级的非浮动元素会跟随其后(3)若非第一个元素浮动，则该元素之前的元素也需要浮动，否则会影响页面显示的结构解决方法：使用css中的clear:both;属性来清除元素的浮动可解决2、3问题，对于问题1,添加如下样式，给父元素添加clearfix样式：.clearfix:aftercontent:.;dis
10、play:block;height:0;clear:both;visibility:hidden;.clearfixdisplay:inline-block;/*forlE/Mac*/9、HTML与xhtml二者有什么区别，你觉得应该使用哪一个并说出理由。主要区别：xhtml元素必须被正确地嵌套xhtml元素必须被关闭，空标签也必须被关闭，如必须写成xhtml标签名必须用小写字母xhtml文档必须拥有根元素xhtml文档要求给所有属性赋一个值xhtml要求所有的属性必须用引号”括起来xhtml文档需要把所有、&等特殊符号用编码表示xhtml文档不要在注释内容中使-xhtml图片必须有说明文字X
11、HTML文档中用id属性代替name属性10、json它是什么、为什么应该使用它、到底该怎么使用它，说出实现细节来。json(JavaScriptObjectNotation)是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。json建构于两种结构：名称/值”对的集合(Acollectionofname/valuepairs)。不同的语言中，它被理解为对象(object),纪录(record),结构(struct),字典(dictionary),哈希表(hashtable),有键列表(keyedlist),或者关联数组(associativearray)。值的有序列表(Anorderedlistofvalues)。在大部分语言中，它被理解为数组(array)。
