![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
北冥烟雨
这个作者很懒,什么都没留下…
展开
-
js异步循环
js异步循环。原创 2023-12-24 14:19:26 · 347 阅读 · 1 评论 -
addEventListener和 removeEventListener
window.removeEventListener不能使用匿名函数,需要定义。原创 2023-12-24 14:17:15 · 376 阅读 · 1 评论 -
全局属性函数和URL
注:URL(统一资源定位符)和URN(统一资源名称)是URI(统一资源标志符)的子集,因为URN没流行起来所以现在几乎所有URI都是URL。 元素.offsetHeight 元素高度+padding+border+水平滚动条的高度,即除margin外都包括。 元素. outerHeight(true) 元素自身高度 + padding + border +margin。 元素.height指的是元素本身的高度,不包括padding、border、margin。原创 2023-12-24 13:56:41 · 826 阅读 · 1 评论 -
数据处理和常用函数
~~用法+‘2’数组扁平化三位一个逗号时间格式化数组去重排序数组随机重排序随机颜色复制到剪切板获取选中文本parseFloat的注意点parseFloat(“”)返回NaN,parseFloat(1.11).toFixed(2)返回的是stringMath.floor(parseFloat(1.11)*100)/100 返回的是number //round 四舍五入Json大部分情况都可以使用,不行的情况可以使用lodashlet data = JSON.par原创 2023-12-24 13:17:32 · 715 阅读 · 1 评论 -
Async 和await,Promise
命令后面的异步操作,如果不存在继发关系,最好让它们同时触发。原创 2023-12-24 13:14:39 · 345 阅读 · 1 评论 -
js正则 笔记
abc] 查找abc中任意一个 [0-9] 查找0-9 [x|y]查找x或y。i 不区分大小写 g 全局匹配 m 多行匹配。查找任何不在abc中的一个 [A-z]\s 空白字符串 \S 非空白字符串。\w 数字、字符下划线,\W 非单词字符。\b 匹配单词边界 \B 非单词边界。n$ 以n结尾 ^n 以n开头。\d 数字 \D 非数字字符。n+包含至少一个n的字符串。n{x,y} x-y个n。n{x,} x以上n。原创 2023-12-24 13:12:55 · 380 阅读 · 1 评论 -
js字符串方法
replace(searchValue,newValue) 默认只替换第一个,如果要全部替换用正则 /替换内容/g。indexOf没找到则返回值为-1,但不能用if(str.indexOf(st)){}来进行判断。split(分隔符,[limit]) 将字符串拆成数组,超出可选项limit的长度不返回。indexOf() ,查找字符,没有返回-1 不能查NaN和空位 includes可以。padStart(长度,字符)/padEnd() 头部/尾部补全。console.log(12)//会输出。原创 2023-12-24 13:10:53 · 368 阅读 · 1 评论 -
js数组方法
filter(potato=>{return potato.weight>100} ),挑选大土豆 // [{id:‘103’,weight:120},{id:‘133’,weight:110}]find(potato=>{return potato.weight>100}),挑第一个大土豆// {id:‘103’.weight:120}reduce((sum,p)=>{return p.weight+sum},0),今年收成 //460。join(),返回转换后的字符串。concat(),连接数组。原创 2023-12-24 13:08:15 · 348 阅读 · 1 评论 -
js同时按下两键控制div的移动方向
下午写平移动画的时候,突然想怎么才能斜移,毕竟不能像alt,shift,ctrl这类一样,直接if(event.keyCode==38 && event.ctrl)判断上键和ctrl有无同时按下上网搜了一下,一看到数组两字就有了种恍然大悟的感觉,自己总结了一下,做了个移动div。<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <me原创 2021-06-28 20:08:15 · 290 阅读 · 0 评论 -
js轮播图,带导航
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2021-06-27 09:50:26 · 367 阅读 · 0 评论 -
定时器相关的简单动画js
js文件,包括可以执行简单动画的move函数,和move函数中用到的getStyle函数,用的时候可以直接调//创建一个可以执行简单动画的函数 /* 参数: obj:要执行的动画的对象 attr:要执行的样式,比如:left height top weight target:执行动画的目标位置 speed:移动的速度 callback:回调函数 ,这个函数将会我们动画执行完毕之后执行 */ function move(ob原创 2021-06-26 16:23:25 · 125 阅读 · 0 评论 -
轮播图练习js
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2021-06-26 10:40:09 · 59 阅读 · 0 评论 -
滚轮事件兼容问题js
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2021-06-25 16:11:45 · 92 阅读 · 0 评论 -
拖拽的练习
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2021-06-25 14:53:25 · 72 阅读 · 0 评论 -
添加删除记录练习
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="s.原创 2021-06-25 14:52:01 · 90 阅读 · 0 评论 -
全选 练习
你爱好的运动是什么?全选/全不选足球篮球羽毛球乒乓球...原创 2021-06-23 17:34:55 · 140 阅读 · 0 评论 -
图片切换练习
上一张下一张原创 2021-06-23 17:33:40 · 92 阅读 · 0 评论