一、jQuery UI - 集成頁面特效

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

2. 找到要實現(xiàn)的插件功能模塊，引入相應(yīng)的js,css文件

3. 仿照插件寫自己要實現(xiàn)的插件功能

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

二、開發(fā)插件-原理

1. 對象方法插件

    //擴(kuò)展
    $.fn.extend({})
    //調(diào)用
    $().each()
   

2. 全局函數(shù)插件

    //擴(kuò)展
    $.extend(object)
    //調(diào)用
    $.each()
   

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

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

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

HTML5介紹

1. HTML5目前最新的規(guī)范(標(biāo)準(zhǔn))是2014年10月推出的

2. 2005年左右出現(xiàn)HTML5版本(非標(biāo)準(zhǔn))

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

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

   <header><nav>

4. HTML5版本之后，聲明不再出現(xiàn)版本信息

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

   HTML5的規(guī)范內(nèi)容實時更新

5. 注意：

   HTML5永遠(yuǎn)都不可能脫離javaScript

   HTML5在移動端支持好于PC端

四、HTML5新表單

1. input新類型

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

   2. searcch:搜索框

   3. url：驗證是否包含http

   4. tel：效果只能在移動端出現(xiàn)，彈出數(shù)字鍵盤

   5. number：數(shù)字選擇 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值

      數(shù)據(jù)與結(jié)構(gòu)分離

      1. 數(shù)據(jù)：預(yù)定義數(shù)據(jù)內(nèi)容datalist
      2. 結(jié)構(gòu)：顯示在頁面中的元素input

      使用datalist元素定義的數(shù)據(jù)，可以重復(fù)使用

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

   2. progress：進(jìn)度條

       <progress max="100" value="30"></progress>
      
       max 設(shè)置進(jìn)度條的最大值
      
       沒有min屬性 最小值為0
      
       value 當(dāng)前的進(jìn)度條
      

   3. meter：刻度

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

   4. output:輸出

3. 表單新屬性

   1. placeholdeer:置空字符

   2. multiple：允許輸入多個值

      多個值用逗號隔開

   3. autofocus:自動獲取焦點(diǎn)

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

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