iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 16
0
自我挑戰組

你看微客=[ 前端領域 - 超入門 ]系列 第 16

jQuery---[ 外掛 ( plug-in )、jQuery UI ]---無用小觀念

  • 分享至 

  • xImage
  •  

外掛( plug-in )、jQuery UI

  • jQuery 外掛 ( plug-in ) 即是與 jQuery 結合,針對特定功能或目的撰寫的 javascript 檔,可以提供一些額外的功能,像協助驗證使用者輸入的內容、或對網頁加入一些特殊效果等。
  • jQuery UI 是進階的 jQuery 外掛,內容主要包含三大部分:
  1. 介面元素( widget ):如對話框、警示框。
  2. 互動工具:如使元件可拖曳或自由縮放大小。
  3. 動畫特效:如讓元素裂解並淡出。
  • 使用外掛會讀取並處理額外的 javascript 檔,有可能讓你的網頁因此變慢,所以要思考哪些才是你真正需要的,用太多反而可能會適得其反。
  • 請選擇成熟且聲譽佳的外掛,可由以下幾點來協助判斷:
  1. 版本號:選擇已改版多次的外掛,如 3.3.1 版,多次改版代表有長期在除錯、更新與改善,運作會比較穩定,儘量不要使用像 1.0.0 版的外掛,其內容可能存在未被發現修正的 bug。
  2. 釋出日期:釋出日期若太新,代表使用的人數還不夠多,還未經考驗,同樣有可能存在未被發現修正的 bug。
  3. 最後更新時間:若外掛最後更新的時間在四、五年前,有可能已不能與新版的 jQuery 相容,也沒有在新版的瀏覽器上測試,使用前要三思。
  • 下載外掛一般會取得 js 檔,有時還會有 css 檔及圖檔(用來展現元件的外觀)。
  • 將外掛的檔案加入到網站有兩種方式:
  1. 建立一個外掛檔名的資料夾,相關檔案全放入其中
  2. js 檔放到你預設 js 檔案資料夾,css 檔放到預設的 css 資料夾。( 外掛圖檔同樣要放到css資料夾底下 )
  • 外掛是依附在 jQuery 底下,故在中,要先連結 jQuery 再連結外掛的 js 檔。( 外掛的 css 檔連結要放在其他樣式引用之後,但在你自己定義的樣式表之前,若有調整才能夠覆蓋 )

上一篇
jQuery---[ 事件處理 ]---無用小觀念
下一篇
Ajax---[ Ajax、JSON、JSONP ]---無用小觀念
系列文
你看微客=[ 前端領域 - 超入門 ]30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言