iT邦幫忙

DAY 23
1

jQuery 套件開發之我可不可以跳著說系列 第 19

jQuery套件開發之(二一),回顧

忘記是鐵人賽哪一天才領悟

我現在寫的東西比較適合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無法被拉到畫面之外。


上一篇
jQuery套件開發之(二一),dialog 寫好一部分
下一篇
jQuery套件開發之(二十二),dialog~
系列文
jQuery 套件開發之我可不可以跳著說26
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

我要留言

立即登入留言