個人第一個原生Web Components——滑塊（SingleSlider）

　　寫着寫着，就會跑偏，沒錯又走上了一個岔道……就是不知道這條岔道之後會不會愈來愈寬，有的說他是將來，有的說…… 這裏不知道，也不作什麼評斷。減小一些重複性的工做，提升開發效率這是最根本的。說白了就是偷懶唄！又說了一大堆廢話。接觸過angularjs、vue還有一點點的reactjs，組件化的思想給開發帶來了很大便利，可是可是可是，同一個組件咱們要開發三遍嗎？可不是嘛，咱們的項目中就是兩遍，由於沒有使用react……我想偷懶，全部纔有了這篇筆記。

　　第一個Web Components寫的是：單滑塊（SingleSlider）。第一個組件寫的比較粗糙，但也實現了一些基本功能：

　　一、定製軌道高度、軌道顏色、已經劃過的軌道顏色、加載顏色（這裏顏色實在不知道怎麼命名了，這個需求來自於：音樂播放器的播放進度條，不知道你有沒有發現還有一個歌曲的加載進度，對就是這個）、滑塊大小以及顏色（對就是那個小圓圈）

　　二、值改變時嚮往外發送事件，外部使用時能夠監聽，這裏支持input和change

　　三、經過dom對象獲取和設置組件的值

　　……

　　下面看一下截圖

　　第一個就寫了這個組件，由於在作一個web音樂播放器的demo，播放器進度和音量須要用到這個，基本上知足了需求，之後有時間在完善……

　　吐槽一下，這東西的兼容性兼容性兼容性，這是硬傷啊！

　　這裏就不放代碼了，有興趣的能夠看下面的預覽。

　　預覽地址：SingleSlider