前端复习

Web前端 --- HTML = Tag + CSS + JavaScript

Tag --- Content --- 承载内容
CSS --- Display --- 渲染内容(显示)
JS --- Behavior --- 交互式行为
~ ECMAScript - 核心语法
~ BOM - 浏览器对象模型 - window
~ DOM - 文档对象模型 - document

  • 获取元素:getElementById() / getElementsByTagName() / getElementsByClassName() / querySelector() / querySelectorAll() / parentNode / children / previousElementSibling / nextElementSibling / firstElementChild / lastElementChild
  • 删除元素:父节点.removeChild(子节点)
  • 创建元素:document.createElement(标签名) / 父节点.appendChild(子节点) / 父节点.insertBefore(子节点, 参照节点)
  • 修改元素:textContent / innerHTML / setAttribute()

a标签

  • 页面链接:百度一下

    • 锚点链接:去顶部
    • 功能链接:联系站长

      1. 原生js代码实现

      
      
      
          
          动态列表
          
      
      
          
      • 苹果×
      • 香蕉×
      • 榴莲×
      • 火龙果×

      2. jQuery实现

      
      
      
          
          动态列表
          
      
      
          
      • 苹果×
      • 香蕉×
      • 榴莲×
      • 火龙果×

      3. vue实现

      
      
      
          
          动态列表
          
      
      
          
      • {{ fruit }} ×

你可能感兴趣的:(前端复习)