寫著寫著，就會跑偏，沒錯又走上了一個岔道……就是不知道這條岔道以后會不會越來越寬，有的說他是未來，有的說…… 這里不知道，也不做什么評斷，減少一些重復性的作業，提高開發效率這是最根本的，說白了就是偷懶唄！又說了一大堆廢話，接觸過angularjs、vue還有一點點的reactjs，組件化的思想給開發帶來了很大便利，但是但是但是，同一個組件我們要開發三遍嗎？可不是嘛，我們的專案中就是兩遍，因為沒有使用react……我想偷懶，所有才有了這篇筆記，
第一個Web Components寫的是：單滑塊（SingleSlider），第一個組件寫的比較粗糙，但也實作了一些基本功能：
1、定制軌道高度、軌道顏色、已經劃過的軌道顏色、加載顏色（這里顏色實在不知道怎么命名了，這個需求來自于：音樂播放器的播放進度條，不知道你有沒有發現還有一個歌曲的加載進度，對就是這個）、滑塊大小以及顏色（對就是那個小圓圈）
2、值改變時向往外發送事件，外部使用時可以監聽，這里支持input和change
3、通過dom物件獲取和設定組件的值
……
下面看一下截圖
第一個就寫了這個組件，因為在做一個web音樂播放器的demo，播放器進度和音量需要用到這個，基本上滿足了需求，以后有時間在完善……
吐槽一下，這東西的兼容性兼容性兼容性，這是硬傷啊！
這里就不放代碼了，有興趣的可以看下面的預覽，
預覽地址：SingleSlider
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/154852.html
標籤：JavaScript