sortable.js 官网
拖放排序插件Sortable.js中文介绍
1. 安装 npm 或 yarn 安装
2. 使用
效果：
3. 小结
事件：
onChoose ：function 列表单元被选中的回调函数
onStart ：function 列表单元拖动开始的回调函数
onEnd ：function 列表单元拖放结束后的回调函数
onAdd ：function 列表单元添加到本列表容器的回调函数
onUpdate ：function 列表单元在列表容器中的排序发生变化后的回调函数
onRemove ：function 列表元素移到另一个列表容器的回调函数
onFilter ：function 试图选中一个被filter过滤的列表单元的回调函数
onMove ：function 当移动列表单元在一个列表容器中或者多个列表容器中的回调函数
onClone ：function 当创建一个列表单元副本的时候的回调函数
事件对象：
to ：HTMLElement--移动到列表容器
from ：HTMLElement--来源的列表容器
item ：HTMLElement--被移动的列表单元
clone ：HTMLElement--副本的列表单元
oldIndex ：number/undefined--在列表容器中的原序号
newIndex ：number/undefined--在列表容器中的新序号
方法
option(name[,value])
获得或者设置项参数，使用方法类似于jQuery用法，没有第二个参数为获得option中第一个参数所对应的值，有第二个参数时，将重新赋给第一个参数所对应的值；
toArray()
序列化可排序的列表单元的data-id（可通过配置项中dataIdAttr修改）放入一个数组，并返回这个数组中
sort()
通过自定义列表单元的data-id的数组对列表单元进行排序
save()
destroy()
介绍以下JS的两款利器：插件工具和网页版应用程序。
JS网红插件工具能够帮助卖家了解竞品的销售情况、竞争激烈程度、整体市场机会及潜力分数等。当你在亚马逊平台上浏览时，不管是浏览产品页、关键词页、类别页或者排名页，JS插件均可以抓取时时信息，比如同类产品的销量、金额、销售历史数据等，从而去分析判断这款产品成为爆款的空间，排除一些需求低且竞争压力大的产品。《3分钟了解JS插件和网页版》
也有小伙伴觉得困惑，JS插件工具和JS网页版工具的区别。其实插件是根据亚马逊平台现有数据抓取的分析结果，网页版工具是基于网页开发的，里面包含的工具也更强大，两者是互补关系，搭配使用更理想。
网页版工具还包含了关键词分析以及产品销量和库存跟踪工具，以及供应商数据库这个最新发布的功能。
接下来先介绍插件，同时会讲到一些选品策略，即使你不使用JS插件，这些选品的策略，对后期进行产品开发也很有帮助。
JS插件支持九大亚马逊站点，包括美国、加拿大、欧洲五国、印度和墨西哥。插件是基于我们的专利算法进行分析的，对销量的预估能够达到80%至 90%的准确度，是目前现有市场上最精准的分析工具。插件目前有专业版和简化版两个版本，这两个版本对销量预测的准确度是一致的。
JS插件的使用方法非常简单，它是基于Google Chrome浏览器来设计的，强烈的推荐大家使用Chrome浏览器来做这个搜索，它有很多自带免费工具。尤其做海外市场分析的时候，尤其推荐。JS插件安装在Chrome的浏览器上面后，会出现一个小图标上（如上图红色箭头指示）。不论是亚马逊九个站点中的哪一个，也不管在哪个页面，如产品页、榜单页或者店铺页，都可以用这个插件一键点击进行搜索。
下面演示一下关键词搜索，以Cold Brew Machine（冷萃咖啡机）为例，上图为专业版插件搜索出来的数据页面，首先看到的是右上角给出了一个机会分数为3分，同时给出了原因：这是一款高需求同时存在高竞争的产品。这款产品虽然满足了热销的条件，但是潜力稍低，所以分值不高（分值区间为1-10分，分值越高说明机会越高）
然后我们看页面中第一行的Average Monthly Sales（平均的月销量），这类产品的平均月销量为855件，是很高销量的，再看它的Average Sales Rank（平均销售排名）是60639，Average Price（平均价格）是72.98美金，Average Reviews（平均评论）数量是487。
所以这款产品月销量是满足我们之前提到的大于250件，价格略高于我们给出的价格范围（18-50美金），这个没有问题，只是说它可能在需求上会稍微降低一些。在欧美市场，一般低于50美金的产品，大家在消费的时候感知性是不强的，不需要想太多就购买了，但高于50美金的话，买家就会期待产品有更高的价值。这点跟中国市场比较起来，还是有一些区别。487这个评论数量，是大于我们推荐的“小于100”这个范围，这说明它的竞争比较大。
如果想要再进一步了解这款产品，在下边的一栏，大家可以看到产品的Product Name名称、Brand品牌、Price价格、Category类目、Rank排名、Mo. Sales月销售数量、D. Sales日销售数量、Revenue销售金额（预估）等每款产品的信息。
Seller里面，FBA为第三方卖家，AMZ为亚马逊自营。
Fees费用，我后面会给大家具体讲，这里面包含了哪些费用。
Sellers，就是卖家数量。
Net为净收入，就是收入减去各种费用后，比如FBA相关的费用。
LQS代表listing质量分数。通常是对照片、描述、关键词等情况给出了一个评分，分数越高呢，代表这个listing做得越好，越低就代表优化空间更大一些。
这里强调一下，所有蓝色的数字，都可以再点击看详情的（后文也有介绍）。
刚刚讲到的插件可以帮助你在一个关键词搜索页看到产品相关数据。在Best Sellers热销榜，New Release新榜单，Movers &Shakers等页面都可以用插件进行分析。插件不限次使用，在选品比较关键的一个时期希望大家可以来用这个插件去跑一跑，看看有哪些不错的产品机会。
在这里举出个例子，比如在 baby这个大的类目下面，进到二级类目Travel Gear，点击插件，就可以得到Travel Gear这个二级类目下面排名前100的产品，这些产品的月销量、价格、排名、评论等信息都会呈现。大家通过一级一级的子类目点击进去就可以看到三级、四级类目中热销榜单的产品销售情况了。
另一个方法是根据其他店铺来看。到其店内去看他哪些产品销量好，比如说你的竞品店铺。点击品牌的名字，在这里面我给大家标注出来红色箭头指的地方， oenbopo，进去之后呢，你就可以看到这个店铺内所有的这个产品情况。这样你可以分析关注一下这个店铺，观察哪个产品卖的好，你可以使用相同策略来运作。
我选择了一个店铺，截图如上。这个店铺卖的东西很杂、产品价格相对比较低的，产品的类别也是多种多样的，从婴儿用品、日用品、再到美妆类产品等。这时候你用插件去跑一下，就可以看到他哪个产品是销售最好的。
如上面介绍的，进到一个店铺页点击了插件之后，就是可以跑出这个店铺所有数据。一键点击，然后从大到小进行排序，Mo. Sales和Revenue这两列，我用红色标出来，选择一个月销量最高的，或者选择收入最高的产品。
![[CSS] svg路径动画](/aiimages/%5BCSS%5D+svg%E8%B7%AF%E5%BE%84%E5%8A%A8%E7%94%BB.png)
