swiper的使用方法,以及各种JS插件的使用通用技巧

任何一个JS插件,都可以看做是一个组件。

组件包含三种东西:HTML布局,CSS样式表,JS代码。

组件使用的时候:要也是要注意三个东西

一.html布局。

  通过HTML结构分析,来快速的了解,插件的html布局。

  1.HTML一般只有两种结构,父子结构,兄弟结构。

  2.分析层数,分析出最精简的结构,看看层数,父子结构,就看成是2层

二.css样式表

  这个一般不需要分析。

三.JS使用

  第三方组件,比如swiper,都是使用对象作为参数进行配置。

  对象是对象,参数是参数。对象本质,参数是用途。

  在函数中,参数可以接受,JS的8种数据类型。参数可以是对象的形式。

  swiper使用对象,作为参数,在对象中进行配置,可以理解成------为swiper配置它的配置参数。

总的来说:找到官方文档很重要,用别人的插件,就要遵循别人的布局结构,和配置参数。

posted @ 2020-03-27 20:39  风意不止  阅读(1222)  评论(0编辑  收藏  举报