BearP的博客

用少量JavaScript代码实现轮播图

BearP — Thu, 04 Jun 2020 15:31:32 +0800

JavaScript原生代码手写轮播图代码思路获取到对应的标签设定两个全局变量,当前索引index和上一索引 lastIndex 封装清除和添加 class属性 , 上一索引对的图片按钮清除class,当前添加class,实现切换效果给btn按钮添加点击事件给向左,向右点击添加事件,实现点击切换这里需要对index的值进行判断,最大值为length-1,最小值为0; 如果index值大于length-1,index=0;如果index小于0,index=length-1; 封装自动轮播函

JavaScript实现全选

BearP — Sun, 24 May 2020 12:26:29 +0800

JavaScript原生代码实现全选代码思路先给全选按钮添加事件定义一个变量来记录被选中的数量通过对其他的input标签循环,将全选按钮的checked值赋值给其他input的checked 通过在循环中添加事件,来解决选中全部其他标签而全选标签无法选中的情况 , 这里需要判断checks的布尔值,来改变n的值. 主要代码全选:

mousemove实现一一串div跟随鼠标

BearP — Wed, 20 May 2020 21:22:54 +0800

mousemove实现一串div跟随鼠标最近学习JavaScript,学习到了鼠标世事件,感觉很有意思,写了一个跟随鼠标移动的div串.代码比较简单. 代码思路由于是多个div,所有不采用html标签的方式.,使用JavaScript设定.( document.createElement() ); 创建一个空数组,存储生成的div 给鼠标添加移动事件设定循环,更新靠后div的坐标,将前面div的坐标赋值给后面div的坐标,从而实现一串运动将第0个div复制当前鼠标的坐标

JavaScript中NAN为什么不相等

BearP — Sun, 15 Mar 2020 16:55:32 +0800

NaN，表示非数（Not a Number）是个特殊的数值。在JavaScript中NaN与其他任何值比较都将不相等（包括与其他 NAN值进行比较）。 NaN == NaN; //false NaN === NaN; //false 必须使用 Number.isNaN() 或 isNaN() 函数。（用来确定一个值是否为NaN）请注意isNaN（）和Number....

flex弹性布局

BearP — Sun, 01 Mar 2020 20:41:43 +0800

flex弹性布局(display: flex;) 添加在父容器上 1. display: flex; 2. flex-direction 布局的排列方向 flex-direction: row;默认值，显示为行。方向为当前文档水平流方向，默认情况下是从左往右。