目录1.轮播布局2.JS动态效果（1）根据图片个数得到图片列表区域的宽度（2）根据图片个数创建相应的圆点并为每个圆点绑定自定义属性 （3）通过事件委托给圆点切换区域绑定点击事件，根据圆点的自定义属性值进行相应的切换 （4）通过定时器设置图片自动切换的效果3.解决bug本文主要介绍如何利用原生JS实现简单的轮播图效果，主要分成三大步骤。轮播区域是由一个大模块包裹，设置固定宽高。内部分为图片列表区域和

本文主要介绍如何在网页布局中使用背景图片。先逐个介绍基本的样式，最后介绍样式该如何简写。

本文主要介绍如何通过JS实现tab栏的切换效果，主要介绍三种方式：1.利用自定义属性；2.利用let关键字；3.利用事件对象1.利用自定义属性此种方法的核心在于给每个tab选项设置一个自定义属性值，然后根据相应的属性值找到对应的内容选项进行显示。代码如下：2.利用let关键词此种方法相较于第一种更加简单，利用let提供的块作用域特点，直接利用各个选项的索引值即可获取相应的内容进行显示。代码如下：3

该组件作为父组件，内部又划分为三个组件，分别为cart-title、cart-list、cart-total，对应购物车的标题、列表以及总价区域。为两个按钮绑定点击事件，为输入框绑定失去焦点事件。在父组件中定义list数据，通过props传给总价组件，在计算属性中利用reduce方法得出总价。在父组件中定义uname数据，通过props属性传给标题组件。商品列表组件功能的实现是购物车最重要的部分，