iT邦幫忙

DAY 12
5

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

jQuery套件開發之(十一),先處理widget的外觀。

  • 分享至 

  • xImage
  •  

寫套件的心得,要先把widget的外觀處理好。
今天要分享的東西

跟技術不是那麼的相關

只是覺得,每次開發,都會遇到類似的流程

想把這樣的心路歷程分享給大家。

最初我寫套件的時候

很容易在寫widget外觀的時候花了很多時間

除了CSS技術需要再進步之外

常常有一部分的時間就是

我有一部分style寫在style標籤裡面。

一部份是JS在控制。基本上已經控制住不會寫行內style了

這樣子就已經很花時間了。

然後漸漸套件快寫完了

你考慮到有些外觀的參數,也可以拆出來讓使用者自定義。

於是你又去修改套件了

你把一大堆CSS修飾一下子拿到style 一下子弄到JS理面。

後來我定了一個流程。似乎減少不少重覆做的事情。

首先,在作套件的過程中。先想會顯示出來的widget有哪些。

然後,先單純用CSS把這個widget的外觀完全做出來。

這樣你就有結構,跟一個css檔案。

這裡有一個小小要注意的地方,不要用id

因為你的widget變成套件時,

畫面上不一定只有一個。而ID是不能重複的。

這樣一來,你接下來真正在寫套件的時候

當你有遇到要重新運算CSS的時候。

就不過跟那些不會跟動的CSS相互打架了。


上一篇
jQuery套件開發之(十一),plugin pattern
下一篇
jQuery套件開發之(十六),寫套件常用的兩個function
系列文
jQuery 套件開發之我可不可以跳著說26
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

我要留言

立即登入留言