对于网站□□□前端开发□□□□而言，经常遇到☆一些网站□□□□某些页面□□□□带有轮播□□□□图功能，有些是首□□页的banner模块，有些是产□□品展示模□□□□块，还有些是□□□名人介绍、推荐新闻○等等。对于这种□□□轮播功能，自己手写□□的话耗时♦比较长，而且手写□□□途中还会□□遇到一些□□问题，还会影响□□□□项目开发□□□进度；目前网上☆已经有很○多版本的□□轮播图开□□□源插件了，所以一般□□□开发这类◆功能都是●直接引用□□网上的开□□□□源插件，在这里推□□□荐一下swiper插件，兼容PC移动，对于低版□□□□本的ie不兼容，但是一些※常见的轮□□播效果上□□□面都有demo演示。
 
近期手上□□□有个响应○式网站开□□□发项目，其中就有□□□□轮播图功□□能，简单的轮□□播功能就□□能满足，但是要想□□□□兼容各个★终端就需□□□□要控制轮□□播显示的□□□□数量，要控制显□□□□示数量有□□□□多种方法：可以多写□□□几个结构，不同的分◇辨率展示□□对应的结□□构；运用swiper插件及其□□□中kreakpoints属性，该属性可□□以同时设•置多个分•辨率下的□□□轮播属性。但是在改□□□变浏览器□□大小的时□□候不会即□□□时改变属□□□□性显示成□□□□对应的轮□□播模式，这个时候□□□□就需要添□□□加一个属◣性来监听❖浏览器分□□□□辨率的变□□化来实现□□□□实时改变□□□轮播的显✦示了。这个属性□□就是observer
 

 
运用在实例中如下：

 

 

 

 
这样对于□□□□一些比较□□□□灵活的轮□□播功能就□□□□有个比较◆好的兼容□□□性，也能节省□□□□一些开发□□□□时间。