提醒：本文最後更新於 2661 天前，文中所描述的資訊可能已發生改變，請謹慎使用。

圍觀過QWrap的同學可能會注意到其官方的特性介紹裡有這麼一條：

提供YUI2一樣的靜態方法庫，同時又用所謂的Helper規範來做到真正的絕對靜態，讓元件開發者可以釋出出無依賴的元件。

其中，元件無依賴化，也就是核心庫定製這個特性，在某些場景下還是非常有用的。QWrap提供了相應的工具來實現，JK這篇文章有詳細說明。只是這個工具藏得很深沒多少人知道，好酒也怕巷子深~ 最近我在這個工具的基礎上增加了程式碼選取的功能，一起再給大家介紹下。

第一步，選擇要用到的方法。這一步比較好理解，例如要用到陣列迭代就選中ArrayH下的forEach，需要格式化日期功能就選擇DateH下的format，依此類推。特別的，Browser（瀏覽器UA相關）、Selector、CustEvent（自定義事件）這三個模組目前是不能拆分的，只能按模組選擇，並不能細化到每個方法。

第二步，選擇Retouch配置。瞭解過QWrap設計的同學應該知道，QWrap是通過不同Retouch配置來決定是否汙染原型的。預設的Core Retouch，會執行以下操作：

mix(Object, QW.ObjectH);//給Object增加靜態方法

mix(QW.ArrayH, QW.HashsetH);//將HashsetH合併到ArrayH
mix(Array, QW.ArrayH);//給Array增加靜態方法
mix(Array.prototype, methodize(QW.ArrayH));//給Array增加原型方法

mix(QW.FunctionH, QW.ClassH);//將ClassH合併到FunctionH
 

mix(Function, QW.FunctionH);//給Function增加靜態方法

mix(Date, QW.DateH);//給Date增加靜態方法
mix(Date.prototype, methodize(QW.DateH));//給Date增加原型方法

mix(String, QW.StringH);//給String增加靜態方法
mix(String.prototype, methodize(QW.StringH));//給String增加原型方法

在這一步，如果選中了Core Retouch，最終程式碼會根據你選擇的模組，選擇性的把上面那些Retouch新增到最後。

第三步，提取方法。這一步也很簡單，點選按鈕就會根據第一步的選擇、第二步的配置生成方法list。這個list是給第四步抽取程式碼用的，也可以存起來以後再用。

第四步，獲取最終程式碼。這一步更簡單了，點一下按鈕就大功告成，自己體驗下吧~

到這裡，QWrap的無依賴化定製就完成了。通過簡單的四步，就能得到獨一無二的QWrap核心庫。

特別的，如果基於QWrap開發元件，且全部使用QWrap的靜態方法，那這個元件也可以方便的Solo了——把元件用到的所有靜態方法貼到第三步的文字框裡，獲取基於這個元件的定製化核心庫，搞定！

--EOF--

發表於 2011-09-28 11:50:04 ，並被新增「 QWrap 」標籤 。檢視本文 Markdown 版本 »

提醒：本文最後更新於 2661 天前，文中所描述的資訊可能已發生改變，請謹慎使用。