寫著寫著，就會跑偏，沒錯又走上了一個岔道……就是不知道這條岔道以後會不會越來越寬，有的說他是未來，有的說…… 這裡不知道，也不做什麼評斷。減少一些重覆性的工作，提高開發效率這是最根本的。說白了就是偷懶唄！又說了一大堆廢話。接觸過angularjs、vue還有一點點的reactjs，組件化的思想給開發 ...
寫著寫著，就會跑偏，沒錯又走上了一個岔道……就是不知道這條岔道以後會不會越來越寬，有的說他是未來，有的說…… 這裡不知道，也不做什麼評斷。減少一些重覆性的工作，提高開發效率這是最根本的。說白了就是偷懶唄！又說了一大堆廢話。接觸過angularjs、vue還有一點點的reactjs，組件化的思想給開髮帶來了很大便利，但是但是但是，同一個組件我們要開發三遍嗎？可不是嘛，我們的項目中就是兩遍，因為沒有使用react……我想偷懶，所有才有了這篇筆記。
第一個Web Components寫的是：單滑塊（SingleSlider）。第一個組件寫的比較粗糙，但也實現了一些基本功能：
1、定製軌道高度、軌道顏色、已經划過的軌道顏色、載入顏色（這裡顏色實在不知道怎麼命名了，這個需求來自於：音樂播放器的播放進度條，不知道你有沒有發現還有一個歌曲的載入進度，對就是這個）、滑塊大小以及顏色（對就是那個小圓圈）
2、值改變時嚮往外發送事件，外部使用時可以監聽，這裡支持input和change
3、通過dom對象獲取和設置組件的值
……
下麵看一下截圖
第一個就寫了這個組件，因為在做一個web音樂播放器的demo，播放器進度和音量需要用到這個，基本上滿足了需求，以後有時間在完善……
吐槽一下，這東西的相容性相容性相容性，這是硬傷啊！
這裡就不放代碼了，有興趣的可以看下麵的預覽。
預覽地址：SingleSlider
