前端几个知识点

大佬教程收集整理的这篇文章主要介绍了前端几个知识点，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

<h1 id="基本知识">基本知识
<h3 id="dom结构---两个节点之间可能存在哪些关系以及如何在节点之间任意移动">1、DOM结构---两个节点之间可能存在哪些关系以及如何在节点之间任意移动

• document.documentElement 返回文档的根节点@H_944_7@
• document.body @H_944_7@
• document.activeElement 返回当前文档中被激活的标签节点（ie）@H_944_7@
• event.formElement 返回鼠标移出的源节点(iE)@H_944_7@
• event.toElement 返回鼠标移入的源节点(iE)@H_944_7@
• event.srcElement 返回激活事件的源节点(iE)@H_944_7@
• event.target 返回激活事件的源节点(FireFox)@H_944_7@
• 当前对象为node@H_944_7@
• 返回父节点：node.parentNode,node.parentElement@H_944_7@
• 返回所有子节点：node.childNodes（包含文本节点及标签节点）,node.children@H_944_7@
• 返回第一个子节点：node.firstChild@H_944_7@
• 返回最后一个子节点：node.lastChild@H_944_7@
• 返回同属上一个子节点：node.nextSibling@H_944_7@
• 返回同属下一个子节点:node.previousSibling@H_944_7@
• parentNode和parentElement功能一样，childNodes和children功能一样。但是parentNode和childNodes是符合W3c标准的，可以说比较通用，而另外两个只是IE支持，不是标准，Firefox就不支持@H_944_7@
• 只要记得有parentElement何children就行了@H_944_7@ @H_944_38@

  (1)、创建新节点

  • createDocumentFragment() //创建一个DOM片段@H_944_7@
  • createElement() //创建一个具体的元素@H_944_7@
  • createTextNode() //创建一个文本节点@H_944_7@ @H_944_38@

    • appendChild()@H_944_7@
    • removeChild()@H_944_7@
    • replaceChild()@H_944_7@
    • insertBefore()@H_944_7@ @H_944_38@

      • getElementsByTagName() //通过标签名称@H_944_7@
      • getElementsByName() //通过元素的name属性的值@H_944_7@
      • getElementById() //通过元素id，唯一性@H_944_7@ @H_944_38@

        (1)、冒泡事件：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。

        • IE5.5：div->body->document@H_944_7@
        • IE6.0:div->body->html->document@H_944_7@ @H_53_6@mozilla 1.0:div->body->html->document->window@H_944_7@ @H_944_38@

          httprequest---这是什么怎样完整地执行一次get请求怎样检测错误">4、XMLhttprequest---这是什么，怎样完整地执行一次GET请求、怎样检测错误。

          httprequest对象提供了在网页加载后与服务器进行通信的方法">XMLhttprequest对象提供了在网页加载后与服务器进行通信的方法。

          • 在标准模式中，浏览器根据规范呈现页面；@H_944_7@
          • 在混杂模式中，页面以一种比较宽松的向后兼容的方式显示；@H_944_7@
          • 浏览器根据DOCYTPE是否存在以及使用的哪种DTD来选择要使用的呈现方法。@H_944_7@
          • 如果XHTML文档包含形式完整的DOCYTPE，那么它一般以标准模式呈现。* 对于HTML4.01文档，包含严格DTD的DOCTYPE常常导致页面以标准模式呈现。@H_944_7@
          • 包含过渡DTD和URL的DOCTYPE也导致页面以标准模式呈现，但是有过渡DTD而没有URL会导致页面以混杂模式呈现。DOCTYPE不存在或形式不正确会导致HTML和XHTML文档以混杂模式呈现。@H_944_7@ @H_944_38@

            • 一个元素盒模型的层次从内到外分别是：内边距、边框和外边距@H_944_7@
            • IE8以下浏览器的盒模型中定义的元素的宽高不包括内边距和边框@H_944_7@ @H_944_38@

              • 块级元素，用css中display：inline;属性则变为行内元素@H_944_7@
              • 行内元素，用css中的display：block;属性则变为块级元素@H_944_7@
              • 影响：周围元素显示在同一行或换行显示，根据具体情况调整样式@H_944_7@ @H_944_38@

                • 需要浮动的元素可使用css中float属性来定义元素的浮动位置，left：往左浮动，right：往右浮动

                  @H_944_7@

                  1.父元素的高度无法被撑开，影响与父元素同级的元素@H_944_7@

                  2.与浮动元素同级的非浮动元素会随其后@H_944_7@

                  3.若非第一个元素浮动，则该元素之前的元素也需要浮动，否则会影响页面显示的结构

                  @H_944_7@ @H_944_38@

                  • 使用css中的clear：both；属性来清除元素的浮动可解决2、3问题对于问题1，添加如下样式，给父元素添加clearfix样式@H_944_7@
                  • .clearfix:after{Content:".";display:block;height:0;clear:both;visiblity:hidden;}@H_944_7@
                  • .clearfix{display:inlineblock;} /* for IE/Mac */@H_944_7@ @H_944_38@

                    • XHTML元素必须被正确嵌套@H_944_7@
                    • XHTML元素必须被关闭，空标签也必须被关闭，如
必须写成
@H_944_7@
                    • XHTML标签名必须用小写字母@H_944_7@
                    • XHTML文档必须拥有根元素@H_944_7@
                    • XHTML文档要求给所有属性赋一个值@H_944_7@
                    • XHTML要求所有的属性必须用引号""括起来@H_944_7@
                    • XHTML文档需要把所有<,>,&等特殊符号用编码表示@H_944_7@
                    • XHTML文档不要在注释内容中使"--"@H_944_7@
                    • XHTML图片必须有说明文字@H_944_7@
                    • XHTML文档中用id属性代替name属性@H_944_7@ @H_944_38@

                      • JSON（JavaScript Object Notation）是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。@H_944_7@
                      • JSON建构于两种结构@H_944_7@
                      • "名称/值"对的集合（A collection of name/value pairs）。不同的语言中，它被理解为对象（object），纪律（record），结构（struct），字典（Dictionary），哈希表（hash table）,有键列表（keyed list）,或者关联数组（associative array）。@H_944_7@
                      • 值的有序列表（An ordered list of values）。在大部分语言中，它被理解为数组（array）。@H_944_7@ @H_944_38@

                        2015年面试题：https://wenku.baidu.com/view/b5baf920f121dd36a22d8238.html" class="uri">https://wenku.baidu.com/view/b5baf920f121dd36a22d8238.html

                        大佬总结

                        以上是大佬教程为你收集整理的前端几个知识点全部内容，希望文章能够帮你解决前端几个知识点所遇到的程序开发问题。

                        如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

                        本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
                        如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。