忘記是鐵人賽哪一天才領悟
我現在寫的東西比較適合widget類的套件。
因為我這一個模式,都假設會產生元素放到畫面上。
然後元素綁定事件
我們探討過的機制有
(又或著說,試著解決開發套件時會遇到這些問題)
1.套件的用法要分$.xxx()、$(selector).xxx()
觀念上有點類似PHP的static function與instance function
總之就是希望$.xxx()這樣的方法
可以一次控管$(selector).xxx()這樣產生出來的所有元素。
一次關閉之類的動作。
又,有些套件的使用方是根本沒有$(selector).xxx()
那還有辦法使用同一個模式開發嗎?
2.參數傳入的小思考
全域的參數可以被傳入影響單一的widget
但是權重是單一的套件被觸發時的參數是最高。
但,有一種東西叫作內定參數,是根本不能被外部影響的。
3.套件要有流程控管說明的開關。
有利於日後修改、增加功能,能夠快速進入狀況。
4.套件內會有一個helper物件(我是取名叫作_,比較短)
可以協助一些瑣碎工作,像是文字處理、日期處理這種部分。
既然是套件,就儘量符合,複製後就可以使用的方便性吧。
5.基本上widget裡面的各個角色是不准有id的
只有在一個狀況會有,就是無法以相對位置取得角色的時候。
6.綁定事件,要利用$(document)的方式來綁定,才不會有新的物件要一直重綁
浪費資源
7.當套件寫多了,如何模組共用?CSS共用
恩~還在思考這個部分,用甚麼來區隔
CSS又要怎麼放呢?
---套件開發申請單---
套件名稱:ryDlog
套件型態:軍隊 (軍隊/英雄) 分別代表很多widget或是只有一個widget
套件用途:(條列式)
產生窗格。可以在不換頁的狀況下,處理許多額外資訊
套件角色說明:
1.一個浮動窗格叫作一個widget
2.widget上方區域為top、
上方的控制項叫作topBtn、
中間內容區是content、
下方區域是footer
下方有按鈕的話叫作footerBtn
右下角控制大小的部分叫作resizeBar
套件特色&規格:
1.浮動式窗格。
2.可以接受一次兩個浮動窗格,點擊後顯示Z軸改變。
3.可以設定控制按鈕的顯示狀況。有縮小、還原、最大、關閉等按鈕
4.拉住頂端可以拖拉
5.底部有button區,可以綁定點擊事件
6.右下角有觸發區可以拖拉widget大小
7.如果可以,widget無法被拉到畫面之外。