我的第一个原生Web Components——滑块（SingleSlider）

　　写着写着，就会跑偏，没错又走上了一个岔道……就是不知道这条岔道以后会不会越来越宽，有的说他是未来，有的说…… 这里不知道，也不做什么评断。减少一些重复性的工作，提高开发效率这是最根本的。说白了就是偷懒呗！又说了一大堆废话。接触过angularjs、vue还有一点点的reactjs，组件化的思想给开发带来了很大便利，但是但是但是，同一个组件我们要开发三遍吗？可不是嘛，我们的项目中就是两遍，因为没有使用react……我想偷懒，所有才有了这篇笔记。

　　第一个Web Components写的是：单滑块（SingleSlider）。第一个组件写的比较粗糙，但也实现了一些基本功能：

　　1、定制轨道高度、轨道颜色、已经划过的轨道颜色、加载颜色（这里颜色实在不知道怎么命名了，这个需求来自于：音乐播放器的播放进度条，不知道你有没有发现还有一个歌曲的加载进度，对就是这个）、滑块大小以及颜色（对就是那个小圆圈）

　　2、值改变时向往外发送事件，外部使用时可以监听，这里支持input和change

　　3、通过dom对象获取和设置组件的值

　　……

　　下面看一下截图

　　第一个就写了这个组件，因为在做一个web音乐播放器的demo，播放器进度和音量需要用到这个，基本上满足了需求，以后有时间在完善……

　　吐槽一下，这东西的兼容性兼容性兼容性，这是硬伤啊！

　　这里就不放代码了，有兴趣的可以看下面的预览。

　　预览地址：SingleSlider