使用ES6的class语法写一个面向对象的简易轮播图插件

ES6 2022-09-08

实现原理和思路

  1. 将一个轮播图分为三大部分slider(轮播展示区)，slider-Box（存储轮播图片的ul）slider-item(ul中得到每一个li，一个li存储一张图片)。
  2. 切换原理是通过修改slider-Box的left实现切换，通过transition属性实现动画效果

最终效果

样式略丑，请忽略

相关文章

ES6模块的import和export用法总结
原文连接：https://www.cnblogs.com/dupd/p/5951311.htmlES6...
浅谈Es6中import * as xxx from几种基本用法
以为Es6，javascript第一次支持了module。ES6的模块化分为导...
ES6系列文章 异步神器async-await
视频讲解关于异步处理，ES5的回调使我们陷入地狱，ES6的Prom...
TypeScript看完就会了
TypeScript什么是TypeScript?TypeScript是由微软开发的一款开...
typeScript 变量名 冒号 类名 ＜–这种写法什么意思?
export class AppComponent { title = 'Tour of heroes...
用 async/await 来处理异步
用 async/await 来处理异步昨天看了一篇vue的教程，作者用as...