一、jQuery UI - 集成頁面特效

1. 在插件文件中找到demo,api文件

2. 找到要實現的插件功能模塊，引入相應的js,css文件

3. 仿照插件寫自己要實現的插件功能

    autoOpen:默認打開還是關閉
    buttons: 是一個數組，每個元素就是一個按鈕
   
    按鈕屬性
   
        text:按鈕名字
        click:按鈕事件
   
     model:設置對話框是否為模式對話框
   
     width: 寬
     height:高
   

二、開發插件-原理

1. 對象方法插件

    //擴展
    $.fn.extend({})
    //調用
    $().each()
   

2. 全局函數插件

    //擴展
    $.extend(object)
    //調用
    $.each()
   

3. 選擇器插件 - 幾乎不用

   擴展jQuery選擇器
   jQuery官方專門推出用于擴展選擇器的JS庫

4. 目的
   將來實際開發需要獨自開發插件（入門級）
   為了面試

HTML5介紹

1. HTML5目前最新的規范(標準)是2014年10月推出的

2. 2005年左右出現HTML5版本(非標準)

   W3C組織(兩個組織定義H5規范)

3. HTML版本： 第一階段主要學習4版本(包含5版本)

   <header><nav>

4. HTML5版本之后，聲明不再出現版本信息

   有意的弱化版本，以后可能不再會有新版本

   HTML5的規范內容實時更新

5. 注意：

   HTML5永遠都不可能脫離javaScript

   HTML5在移動端支持好于PC端

四、HTML5新表單

1. input新類型

   1. email：驗證郵箱是否包含@

   2. searcch:搜索框

   3. url：驗證是否包含http

   4. tel：效果只能在移動端出現，彈出數字鍵盤

   5. number：數字選擇 min max step

   6. range：范圍類型 min max step value

   7. color：顏色選擇器

   8. date：日期類型

   9. week：星期類型

   10. month：月份類型

         email: <input type="email" required><br>
         search: <input type="search"><br>
         url: <input type="url"><br>
         tel: <input type="tel"><br>
         number: <input type="number" min="10" max="100" step="2"><br>
         range: <input type="range" min="10" max="90" step="40"><br>
         color: <input type="color"><br>
         date: <input type="date"><br>
         week: <input type="week"><br>
         month: <input type="month"><br>
       

2. 表單新元素

   1. datalist:定義input的備選框

      input的list的值要等于datalist的id值

      數據與結構分離

      1. 數據：預定義數據內容datalist
      2. 結構：顯示在頁面中的元素input

      使用datalist元素定義的數據，可以重復使用

           <input type="text" list="datalist">
      
              <datalist id="datalist">
      
              <option>北京</option>
              <option>南京</option>
              <option>西京</option>
      
          </datalist>
      

   2. progress：進度條

       <progress max="100" value="30"></progress>
      
       max 設置進度條的最大值
      
       沒有min屬性 最小值為0
      
       value 當前的進度條
      

   3. meter：刻度

       <meter min="0" max="100" value="70" low="20" height="80"></meter>
      
       min:最小值
      
       max：最大值
      
       value：當前值
      
       low:低預警值
      
       height:高預警值
      

   4. output:輸出

3. 表單新屬性

   1. placeholdeer:置空字符

   2. multiple：允許輸入多個值

      多個值用逗號隔開

   3. autofocus:自動獲取焦點

   4. form：允許將表單元素定義在表單外

      form表單外的表單一定要希望在form的id