views: 3710 times



下載這些東西有個要訣,你從 Addons 之後開始勾選你想要的,需要的部分他會自動勾起來,不用費心思說哪邊又不能用怎樣怎樣,至於他的使用說明文件,我覺得還是他寫的清楚我看的模糊啊。不過,我想應該跟之前的 moo.fx 差不了多少,但是,沒有比較詳細的說明,用起來還是會覺得,怎麼會這樣...orz (尤其是在 debug 的時候,那美妙的錯誤訊息美妙到想殺人啊)
※更新閱讀:mootools, 好用的工具 part 2
當然這不是第一次接觸 mootools,當初 moo.fx 在推出時,我就大感興趣,畢竟是一個非常精簡的 AJAX 套裝物件,使用上也沒有什麼難度,當然就陸陸續續觀察這件工具的發展。雖然現在的 AJAX 效果製作都自己來,但是也畢竟是因應工作上的需求,並不是每種需求都剛好有你要的 AJAX 效果,只好自己硬著頭皮開發,雖說難度不算高,但是一旦走向系統化整合,有時候這種工具就有他的強處了。
現在的 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




Leave your greetings.
謝謝你,太感激了
2007/03/25 03:12 [ Permalink : Modify/Delete : Reply ]嗯,希望這些能有幫助 (H)
2007/03/25 22:22 [ Permalink : Modify/Delete ]不知道這跟 jQuery 是不是非常類似…呵呵
2007/04/02 12:16 [ Permalink : Modify/Delete : Reply ]算是吧...
2007/04/02 19:56 [ Permalink : Modify/Delete ]但是很偏程式碼的部份...
跟 jQuery 確實是有點類似
比較起來 Yahoo! API 似乎更方便一點