原生js
孤独的小色狼
孤独是人生最久的伴侣
展开
-
数组去重
对var arr=[1,2,3,1,2,3,5,6,23,4,2,5,7,9,23,6,5,3,2,21,4,65,3,3,4,6,2,5,7,7]去重方法一:i从前到后遍历,j从后到i遍历,去掉相同的jfor(var i=0;i<arr.length;i++){ for(var j=arr.length;j>i;j--){ if(arr[i]===ar...原创 2019-01-12 21:23:45 · 188 阅读 · 3 评论 -
左右切换无长滚动轮播图
思路:首先设有全局变量position(确定当前图片是第几张),arr数组:存放图片地址,方向:direction,及lis小圆点数组,prev,记录小圆点的前一个, moveBool是否进入运动函数等1、点击事件:点击左边的leftBn,设置direction="right",position--,在这要确定position不能超出数组长度范围,超出要重新赋值,点击小圆点把小圆点的当前是li...原创 2018-12-21 23:05:31 · 266 阅读 · 0 评论 -
原生js实现瀑布流
思路:定义全局变量minHeightList数组,用来存放li的高度,定义变量num,遍历图片地址,常量COL,定义有几列图片,定义bodyWidth,用来比对窗口发生变化1、定义获取li最小高度函数,返回最小高度li的索引及最小高度的li,2、预加载图片,加载完一张就向放到获取的最小高度的li中,同时更新存放li高度的数组。3、监听窗口变化,当窗口发生变化时,遍历改变ul,li,im...原创 2018-12-21 23:03:28 · 128 阅读 · 0 评论