marquee、map、jq中的forEach在vue中使用

一、marquee标签是用来滚动数据的

marquee中的属性 

  1、 onMouseout：用来设置鼠标移动此区域的滚动状态 ；onMouseout="this.start()" 设置鼠标移出该区域时继续滚动； onMouseover="this.stop()"：设置鼠标移入该区域时停止滚动

  2、align：此属性不经常使用 用来设置marquee标签中内容的对齐方式，具体可以去w3c中看看

  3、behavior：此属性用来设定内容的滚动方式 

               alternate: 在两端之间来回滚动

                    scroll：在一端滚动到另一端；进行重复滚动

                    slide：在一端滚动到另一端；不会进行重复滚动

  4、bgcolor：此属性用来设置活动字幕的背景颜色

  5、direction：此属性用来设置字幕的滚动方向

                         down：向下滚动

                             left：向左滚动

                          right：向右滚动

                             up：向上滚动

  6、height：此属性设置活动字幕的高度

  7、width：此属性设置活动字幕的宽度

  8、loop：此属性用来设置滚动的次数，loop=-1表示会一直滚动下去，默认为-1

  9、scrollamount：此属性用来设置字幕的滚动速度

10、scrolldelay：此属性用来设置字幕在每次滚动之间的延迟时间与scrollamount一起使用会有想不到的结果

当然在使用的过程中，不仅仅有静态的数据，会出现交互的数据，比如在vue中使用时，需要进行交互拿到的数据进行滚动时使用，这样会导致在数据没有获取到时，marquee标签的高度已经出现，当有数据加载进去的时候已经晚了，会造成第一次滚动时出现闪跳的bug，所以我们在没获取到数据时对这个标签进行隐藏，等获取到数据后再加载marquee标签的标签，这样就不会出现第一次滚动出现闪跳的问题

具体的在火狐中使用是，会有点一顿一顿的问题，谁要是有解决办法可以告诉我咱们一起研讨一下，留言就行

 

二、map方法主要是创建新的数组，对数组每一个进行函数的结果进行组建新的数组返回

三、jq中的forEach对数组进行循环调用

forEach只用时会出现一个问题就是不能在其中截断整个步骤，比如你在进行循环时拿到了自己所需要的你想直接停止返回return，它不会进行返回，它会继续停止流向下一步