swiper的使用方法,以及各种JS插件的使用通用技巧
任何一个JS插件,都可以看做是一个组件。
组件包含三种东西:HTML布局,CSS样式表,JS代码。
组件使用的时候:要也是要注意三个东西
一.html布局。
通过HTML结构分析,来快速的了解,插件的html布局。
1.HTML一般只有两种结构,父子结构,兄弟结构。
2.分析层数,分析出最精简的结构,看看层数,父子结构,就看成是2层
二.css样式表
这个一般不需要分析。
三.JS使用
第三方组件,比如swiper,都是使用对象作为参数进行配置。
对象是对象,参数是参数。对象本质,参数是用途。
在函数中,参数可以接受,JS的8种数据类型。参数可以是对象的形式。
swiper使用对象,作为参数,在对象中进行配置,可以理解成------为swiper配置它的配置参数。
总的来说:找到官方文档很重要,用别人的插件,就要遵循别人的布局结构,和配置参数。