dom操作及响应式布局

1.对html元素的增删改查

创建：

      createDocumentFragment()    //创建一个DOM片段

      createElement()   //创建一个具体的元素

      createTextNode()   //创建一个文本节点

添加：

    appendChild()

移出：

    removeChild()

替换：

      replaceChild()

插入：

      insertBefore()

复制：

      cloneNode(true)

查找：

      getElementsByTagName()    //通过标签名称

      getElementsByClassName()    //通过类名称

      getElementsByName()    //通过元素的Name属性的值

      getElementById()    //通过元素Id，唯一性
 

2. 响应式布局

设置viewport

媒体查询

字体的适配（字体单位）

百分比布局

图片的适配（图片的响应式）

结合flex，grid，BFC，栅格系统等已经成型的方案