
js
Naive_Jam
做一个只记得快乐和知识点的人
展开
-
js 分钟数转换为时分秒并倒计时
【代码】js 分钟数转换为时分秒并倒计时。原创 2023-04-06 22:32:45 · 1337 阅读 · 0 评论 -
es6 处理数组的方法汇总
传给 reduce()和 reduceRight() 的函数接收 4 个参数:前一个值、当前值、项的索引和数组对象。第一次迭代发生在数组的第二项上,因此第一个参数是数组的第一项,第二个参数就是数组的第二项。注意,如果数组中的某一项是 null 或 undefined, 则在 join() toLocaleString() toString() valueOf() 返回的结果以空字符串表示。为了解决上述问题,sort()方法可以接收一个比较函数作为参数,以便我们指定哪个值位于哪个值的前面。原创 2022-08-19 18:17:42 · 11620 阅读 · 1 评论 -
js 实现千位分隔符
代码】js 实现千位分隔符。原创 2022-08-18 12:21:34 · 385 阅读 · 0 评论 -
js 对象或数组与字符串互换
对象或数组转化为字符串:JSON.stringify()const str = JSON.stringify(arr)const str = JSON.stringify(obj)将json字符串转化为对象或数组:JSON.parse()const obj = JSON.parse(str)const arr = JSON.parse(str)原创 2022-05-08 14:09:17 · 455 阅读 · 0 评论 -
falsy 值
今天意外收获一个知识点 ~ 抓紧记录下来falsy值(虚值)是在Boolean上下文中认定为false 的值。在JavaScript 中有 8 个 falsy 值,如下:false:false关键字 0:数值zero -0:数值负zero 0n:当 BigInt 作为布尔值使用时,遵循其作为数值的规则,0n 是 falsy 值。 ""、''、``:这是一个空字符串 (字符串的长度为零)。JavaScript 中的字符串可用双引号 "", 单引号 '', 或模板字面量``定...原创 2022-05-05 18:44:44 · 942 阅读 · 0 评论 -
localStorage和sessionStorage存取值的方法
localStorage和sessionStorage都属于本地存储,他们的区别是:localStorage:永久存储,永远不会失效,除非手动清除sessionStorage:临时存储,存储的数据只有在同一个会话中的页面才能访问到,并且当会话结束后,数据就立即消失了存储数据的方法:localStorage:// 存储数据到localStoragelocalStorage.setItem('key', value)// 获取localStorage中的数据localStorage原创 2022-05-02 18:06:49 · 2288 阅读 · 1 评论 -
js 复制内容到剪贴板,解决navigator.clipboard Cannot read properties of undefined (reading ‘writeText‘)
之前写过一个文章,是实现了点击按钮实现复制功能,链接在此:https://blog.youkuaiyun.com/qq_58340302/article/details/123847964?spm=1001.2014.3001.5502这个实现方法在本地测试的时候点儿问题都没有,但是!但是将他拿到测试环境时,bug出现了,报错如下:经查找资料发现是浏览器禁用了非安全域的navigator.clipboard对象。安全域包括本地访问与开启TLS安全认证的地址,如https协议的地址、127.0...原创 2022-04-28 18:10:16 · 17352 阅读 · 4 评论 -
合并数组时过滤掉相同的数据 filter every
原数组:arrayData1要添加进去的数组:arrayData2用到的方法:filter():创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。注意: filter() 不会对空数组进行检测。注意: filter() 不会改变原始数组。every():使用指定函数检测数组中的所有元素:如果数组中检测到有一个元素不满足,则整个表达式返回false,且剩余的元素不会再进行检测。 如果所有元素都满足条件,则返回 true。注意: every() 不..原创 2022-04-15 00:55:45 · 944 阅读 · 0 评论 -
js 正则表达式校验各种类型数字、邮箱、手机号...
数字:/^[0-9]*$/n位的数字:/^\d{n}$/至少n位数字:/^\d{n,}$/m-n位的数字:/^\d{m,n}$/零和非零开头的数字:/^(0|[1-9][0-9]*)$/有两位小数的正实数:/^[0-9]+(.[0-9]{2})?$/有1-3位小数的正实数:/^[0-9]+(.[0-9]{1,3})?$/非零的正整数:/^\+?[1-9][0-9]*$/非零的负整数:/^\-[1-9][0-9]*$/非负整数:/^\d+$/正整数:/^\d*$/非正整数:.......原创 2022-03-11 18:33:19 · 1499 阅读 · 0 评论 -
事件冒泡 与 事件委托
事件冒泡指对一个子元素触发某种事件,如果这个元素绑定了事件,就会触发该事件,如果没有绑定事件,则会向它的父级元素传播,去触发父级元素绑定的事件。事件委托(事件代理)因为子节点触发的事件在冒泡过程中会上传到父节点,并且父节点可以通过事件对象获取到目标节点,所以可以把子节点的监听函数定义在父节点上,由父节点的监听函数统一处理多个子元素的事件。例如:假设 ul 里包括多个 li ,如果想对每一个 li 都绑定一样的事件,那我们直接给每个 li 都绑定事件,就太麻烦了。这时就可以用事件委托的方式,将原创 2022-03-01 22:08:33 · 811 阅读 · 0 评论 -
js 实现rgb和十六进制的代码转化
十六进制转化为RGBfunction set16ToRgb(str){ // 十六进制颜色代码的正则表达式 var reg = /^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/ // test() 检测str是否匹配十六进制颜色的模式 if(!reg.test(str)){return;} // 把字符串中的英文字母都变为小写字母,并将#替换为空(去掉#) let newStr = (str.toLowerCase()).repl原创 2022-02-27 16:42:41 · 1783 阅读 · 0 评论 -
js 实现一个打点计时器
要求:1、从 start 到 end(包含 start 和 end),每隔 100 毫秒 console.log 一个数字,每次数字增幅为 12、返回的对象中需要包含一个 cancel 方法,用于停止定时操作3、第一个数需要立即输出原创 2022-02-20 10:51:15 · 321 阅读 · 0 评论 -
JS 正则表达式验证邮箱和手机号
正则表达式验证邮箱和手机号原创 2022-02-19 15:07:20 · 69771 阅读 · 4 评论 -
js 找出数组中距离数字最近的数
例如:show([6,3,5,2],4); // [3,5]思路:循环数组,比较数组元素与给定数字的差值,记下差值最小的元素索引号原创 2022-02-25 14:04:25 · 1991 阅读 · 0 评论 -
js的数据类型有哪些?
1.基本数据类型:数字(Number)、字符串(String)、布尔(Boolean)、空(Null)、未定义(Undefined);还有ES6新增的:Symbol(表示独一无二的值)、BigInt(任意精度整数)。2.引用数据类型:对象(Object)、数组(Array)、函数(Function)。原创 2022-02-22 22:16:53 · 1912 阅读 · 0 评论 -
js 判断字符串内容是否相同,不考虑字符的顺序
判断字符串内容是否相同,不考虑字符的顺序原创 2022-02-19 11:03:57 · 1839 阅读 · 1 评论 -
节流与防抖
节流与防抖都是作为页面性能优化的策略,为了限制函数的执行频率,节省计算资源,优化函数因触发过多响应速度跟不上页面出现的堵塞卡顿现象。原创 2022-02-24 21:17:42 · 263 阅读 · 0 评论 -
原型与原型链
1. 原型当定义一个函数时,就会有一个prototype(原型)属性,属性值是一个普通的对象。被实例(new)后产生的对象就会有一个__proto__(隐式原型)属性,这个属性指向它的构造函数的prototype。2. 原型链一个对象有原型对象,它的原型对象也有自己的原型对象。当访问一个对象的某个属性时,会先在对象本身的属性上找,若没找到,再去它的__proto__(隐式原型)上查找,就是它的构造函数的prototype,若还没找到,再依次向上找,直到找到Object对象,Object对象原创 2022-02-23 20:42:54 · 116 阅读 · 0 评论 -
js 实现无限分级_将数组格式化为树型结构
通过分级后形成树型结构的数组更方便展示在菜单栏或导航列表中。原创 2022-02-26 15:06:55 · 441 阅读 · 0 评论