Skip to content

Latest commit

 

History

History
34 lines (28 loc) · 1.05 KB

上课笔记.md

File metadata and controls

34 lines (28 loc) · 1.05 KB

JS原生框架(项目)

使用原生JS封装一个框架出来

  • 原生JS:不用任何框架的,语言本身提供一系列操作

    • dcoument.createElement
    • document.querySelector
    • parent.appendChild
    • parent.insertBefore
    • window.getComputedStyle/dom.currentStyle
    • dom.getAttribute/setAttritbute/removeAttribute
    • dom.addEventLisnter/removeEventListener/attachEvent/detachEvent
    • dom.nextSibling
    • dom.previousSibling
    • dom.parentNode
    • dom.childNodes
    • document.getElementById/getElementsByTagName/getElementsByName/getElementsByClassName
    • dom.nodeName/dom.nodeType
  • 别名:山寨的jQuery

  • jquery的功能:

    • val/html/text/css
    • attr/removeAttr
    • addClass/removeClass/toggleClass/hasClass
    • append/appendTo/prepend/prependTo/remove/empty/parent/find/eq
    • show/hide/sildeUp/slideDown/fadeIn/fadeOut/animate
    • $.ajax/$.get/$.post/getJson/postJson
    • $.each/$.extend/$.type
  • ... JSON.parse --将json数据转换为对象 JSON.stringify --将对象转换为json数据