Technical support2007/03/24 11:35
views: 3710 times
超大字體(180%)放大字體(130%)原始字體(100%)

 
當然這不是第一次接觸 mootools,當初 moo.fx 在推出時,我就大感興趣,畢竟是一個非常精簡的 AJAX 套裝物件,使用上也沒有什麼難度,當然就陸陸續續觀察這件工具的發展。雖然現在的 AJAX 效果製作都自己來,但是也畢竟是因應工作上的需求,並不是每種需求都剛好有你要的 AJAX 效果,只好自己硬著頭皮開發,雖說難度不算高,但是一旦走向系統化整合,有時候這種工具就有他的強處了。

mootools, documents 現在的 mootools,把所有開發出來的元件全部分類,打包成獨立的 js 檔案,對有特殊需求的人來說,的確是非常方便。但是,我後來想想,這樣是否對於第一次接觸這樣的東西的人,會太過於生澀?特別是他的 Documents 雖然寫的詳盡,但是實在是看的模糊。當然也不能說人家寫的不好,只不過可能對於剛接觸的人真的太硬了點就是(笑)。底下我列出他所有的 js 檔案,當然,你可以去他的 download 頁面看,也是有各個檔案的說明的。


Core
Moo.js 這個是預設的 mootools core,基本上一定要有,關於 mootools 的基礎 AJAX 的設定都在這支檔案裡面(在下載頁面也是列為必選)
Utility.js 小工具,在 documents 裡有說明,簡單明瞭的說明與例子,請自行參閱。除非有用到,不然可以不用選擇此工具。
Native (預設的一些原件,可以不要選,反正從 Addons 開始,你勾你要的,若是需要它自動會勾起來)
Array.js 陣列的 prototype, 就算你不選,你在選用底下的效果是他一樣會幫你勾起來。
Element.js 元件的控制,也是必選。
Event.js 觸發控制項,某些 Effects 會用到。
Function.js 也是必備,給 prototype 用。
String.js 字串處理的 prototype,也是必選。
Addons
Common.js 看字面的意思也知道這個一定會用到。
Dom.js "lets you filter by element." 嗯,好像不用多說了吧 :P
Hash.js 比較常見的應用是在表單檢查那一塊(所謂常見就是我看過啦...orz)
Color.js 運算顏色代碼的 Class.
Window
Window.Base.js 控制視窗用的基礎元件。
Window.Size.js 如其名。
Effects
Fx.Base.js 基礎是最重要的。
Fx.CSS.js CSS Style 基本元件,"No documentation needed, as its used internally." 還需要說明?
Fx.Style.js 套用或建立 Style 效果於指定元件上。
Fx.Styles.js 結合了 Fx.Elements, Fx.Style 兩者的一些共同點,樣樣通但不至於樣樣鬆。
Fx.Elements.js 元件屬性控制,將指定屬性效果使用於特定元件上。
Fx.Scroll.js 捲軸物件控制,不限於視窗捲軸,物件捲軸也可。
Fx.Slide.js 滑動效果(這好像比較符合 Effects 精神?)
Fx.Transitions.js "Contains transitions to be used with any of the above effects." 不贅述了。
Drag
Drag.Base.js 基本的滑鼠抓取動作的控制,就是拖拖拉拉,可以抓過來放過去的效果。
Drag.Move.js 上面那個 makeDraggable 的加強版?
Remote(請自行參閱了,一般玩家使用到的機率比較低)
XHR.js Basic XMLHttpRequest Object Class Wrapper.
Ajax.js Extends the basic XHR with additional methods and utility functions.
Cookie.js Lets you Create/Read/Delete Cookies.(這個大家可能偶爾會用到吧)
Json.js Json encoder/decoder.
Json.Remote.js Shortcut Class to send and receive Javascript Objects.
Assets.js Contains functions to load external files on the fly: images, css, javascript.(load external files on the fly)
Plugins (外掛掛的好,要飯要到老)
Accordion.js Does it need a description? (笑,很幽默)
Scroller.js Lets you scroll the window when the mouse reaches certain boundaries.
Slider.js Lets you create horizontal and vertical sliders. (喜歡滑來滑去的人可以嘗試這個)
SmoothScroll.js Smooth scroll your internal links. (喜歡內頁鏈結捲動特效的可以用)
Sortable.js Lets you resort list items. (製作一些可排序元件時頗好用)
Tips.js The Tooltips. (小工具,好用)

下載這些東西有個要訣,你從 Addons 之後開始勾選你想要的,需要的部分他會自動勾起來,不用費心思說哪邊又不能用怎樣怎樣,至於他的使用說明文件,我覺得還是他寫的清楚我看的模糊啊。不過,我想應該跟之前的 moo.fx 差不了多少,但是,沒有比較詳細的說明,用起來還是會覺得,怎麼會這樣...orz (尤其是在 debug 的時候,那美妙的錯誤訊息美妙到想殺人啊)

※更新閱讀:mootools, 好用的工具 part 2
創用 CC 授權
Creative Commons License
本創作適用 姓名標示-非商業性-禁止改作 3.0 創用 CC 授權,台灣並依循所適用的授權條款。

Bookmarks  HEMiDEMi  Technorati  Del.icio.us  Digg  funP  Yahoo!  Furl
Writer profile
author image
偏執與強迫症的患者,算不上是無可救藥,只是我已經遇上我的良醫了。
Posted by hina

Trackback URL : http://hina.ushiisland.net/blog/hinablue/trackback/233

Leave your greetings.

  1. 謝謝你,太感激了

    2007/03/25 03:12 [ Permalink : Modify/Delete : Reply ]
  2. 不知道這跟 jQuery 是不是非常類似…呵呵

    2007/04/02 12:16 [ Permalink : Modify/Delete : Reply ]
    • 算是吧...
      但是很偏程式碼的部份...
      跟 jQuery 確實是有點類似

      比較起來 Yahoo! API 似乎更方便一點

      2007/04/02 19:56 [ Permalink : Modify/Delete ]
[登入][OpenID是?]