一菱涤、jQuery UI - 集成頁(yè)面特效
在插件文件中找到demo,api文件
找到要實(shí)現(xiàn)的插件功能模塊,引入相應(yīng)的js,css文件
-
仿照插件寫自己要實(shí)現(xiàn)的插件功能
autoOpen:默認(rèn)打開還是關(guān)閉 buttons: 是一個(gè)數(shù)組泥技,每個(gè)元素就是一個(gè)按鈕 按鈕屬性 text:按鈕名字 click:按鈕事件 model:設(shè)置對(duì)話框是否為模式對(duì)話框 width: 寬 height:高
二、開發(fā)插件-原理
-
對(duì)象方法插件
//擴(kuò)展 $.fn.extend({}) //調(diào)用 $().each()
-
全局函數(shù)插件
//擴(kuò)展 $.extend(object) //調(diào)用 $.each()
-
選擇器插件 - 幾乎不用
擴(kuò)展jQuery選擇器
jQuery官方專門推出用于擴(kuò)展選擇器的JS庫(kù) 目的
將來實(shí)際開發(fā)需要獨(dú)自開發(fā)插件(入門級(jí))
為了面試
HTML5介紹
HTML5目前最新的規(guī)范(標(biāo)準(zhǔn))是2014年10月推出的
-
2005年左右出現(xiàn)HTML5版本(非標(biāo)準(zhǔn))
W3C組織(兩個(gè)組織定義H5規(guī)范)
-
HTML版本: 第一階段主要學(xué)習(xí)4版本(包含5版本)
<header><nav>
-
HTML5版本之后,聲明不再出現(xiàn)版本信息
有意的弱化版本趴乡,以后可能不再會(huì)有新版本
HTML5的規(guī)范內(nèi)容實(shí)時(shí)更新
-
注意:
HTML5永遠(yuǎn)都不可能脫離javaScript
HTML5在移動(dòng)端支持好于PC端
四、HTML5新表單
-
input新類型
email:驗(yàn)證郵箱是否包含@
searcch:搜索框
url:驗(yàn)證是否包含http
tel:效果只能在移動(dòng)端出現(xiàn)蝗拿,彈出數(shù)字鍵盤
number:數(shù)字選擇 min max step
range:范圍類型 min max step value
color:顏色選擇器
date:日期類型
week:星期類型
-
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>
-
表單新元素
-
datalist:定義input的備選框
input的list的值要等于datalist的id值
數(shù)據(jù)與結(jié)構(gòu)分離
- 數(shù)據(jù):預(yù)定義數(shù)據(jù)內(nèi)容datalist
- 結(jié)構(gòu):顯示在頁(yè)面中的元素input
使用datalist元素定義的數(shù)據(jù)晾捏,可以重復(fù)使用
<input type="text" list="datalist"> <datalist id="datalist"> <option>北京</option> <option>南京</option> <option>西京</option> </datalist>
-
progress:進(jìn)度條
<progress max="100" value="30"></progress> max 設(shè)置進(jìn)度條的最大值 沒有min屬性 最小值為0 value 當(dāng)前的進(jìn)度條
-
meter:刻度
<meter min="0" max="100" value="70" low="20" height="80"></meter> min:最小值 max:最大值 value:當(dāng)前值 low:低預(yù)警值 height:高預(yù)警值
output:輸出
-
-
表單新屬性
placeholdeer:置空字符
-
multiple:允許輸入多個(gè)值
多個(gè)值用逗號(hào)隔開
autofocus:自動(dòng)獲取焦點(diǎn)
-
form:允許將表單元素定義在表單外
form表單外的表單一定要希望在form的id