
JavaScript
JavaScript
发呆的小蔡°
一度想要放弃却还在继续坚持的程序媛……
展开
-
JQ中的each()方法与$.each()函数的使用区别
JQ中的each()方法与$.each()函数的使用区别原创 2024-12-25 16:21:29 · 526 阅读 · 0 评论 -
js的节流与防抖方法封装
js的节流与防抖方法封装原创 2024-12-23 17:10:20 · 284 阅读 · 0 评论 -
解决 js一次性请求几千几万条数据并拼接显示HTML,页面卡顿浏览器卡死问题
解决 js一次性请求几千几万条数据并拼接显示HTML,页面卡顿浏览器卡死问题原创 2024-11-19 11:48:44 · 907 阅读 · 0 评论 -
jquery添加全屏适配版自定义文字加当前日期水印
jquery添加全屏适配版自定义文字加当前日期水印原创 2024-11-12 14:31:03 · 347 阅读 · 0 评论 -
字符串URL的拼接方式
字符串URL的拼接方式原创 2024-11-08 15:51:05 · 284 阅读 · 0 评论 -
循环判断数组里的值是否存在另一个数组对象里,并添加到新数组里
循环判断数组里的值是否存在另一个数组对象里,并添加到新数组里原创 2024-11-08 10:03:37 · 426 阅读 · 0 评论 -
ES6判断:当前数组对象里的所有的值是否都存在于另外一个数组里
使用ES6判断当前数组里的值是否都存在于另一个数组里原创 2024-04-19 16:57:25 · 811 阅读 · 0 评论 -
将一个数组对象里的属性值全部追加到另外一个数组的对象里
将一个数组对象里的属性值全部追加到另外一个数组的对象里原创 2023-07-12 11:51:44 · 1924 阅读 · 0 评论 -
filter()方法将原数组筛选重组为自己想要的新数组
filter()方法将原数组筛选重组为自己想要的新数组原创 2022-08-08 10:40:04 · 1937 阅读 · 0 评论 -
几种常用的命名法
驼峰命名法大驼峰命名法大驼峰命名法(Upper Camel Case)也称为:帕斯卡命名法(Pascal);常用于类名,函数名,属性,命名空间。大驼峰命名法,每个单词的首字母都采用大写字母,例如: GoodList,BaseUrl小驼峰命名法小驼峰命名法(camel方法): 常用于 变量 的命名。命名方式是,第一个单词以小写字母开头,后面从第二个单词开始往后的每一个单词的首字母都以大写字母开头;例如:goodList,imgBaseUrl下划线下划线命名法,与驼峰命名法相似;区别在于它是通过 _原创 2022-01-21 17:41:05 · 2046 阅读 · 0 评论 -
JS正则表达式校验电话,身份证、邮箱等集合
正则常用表达式介绍^: 表示一个字符串的开始;例如^1,表示以1开始$:表示正则的结束\:这是一个 引用符 ,将列出的元素作为普通字符来进行匹配;例如\$,表示匹配美元符号,而不是行尾;\w:表示匹配字母或数字下划线或汉字,等价于 [^A-Za-z0-9_];(能否匹配汉字,要视当前用户的操作系统及应用环境而定)\d:用于匹配数字,表示数字 [0-9] 中的任意一位;\s:表示一个空白字符(可能是空格、制表符、其他空白),用于匹配空白字符;\\s:表示字符 \和字符 s;因为\在正则有特殊意原创 2022-01-21 11:18:43 · 2134 阅读 · 0 评论 -
slice() 和splice()的区别
slice()slice()方法: 选取数组的一部分,并返回一个新数组该方法 不会改变元素数组,而是将截取到的元素封装到一个新数组中返回语法: array.slice(start,end) ,参数的介绍如下:start: 截取开始的位置的索引,包含开始索引end: 截取结束的位置的索引,不包含结束索引;也可以省略不写,若省略会截取从开始索引往后的所有元素索引值可以传递负值,传递负值就从后往前计算 -1代表倒数第一个 -2代表倒数第二个var arr = ['aa','bb','cc','原创 2022-01-19 17:16:51 · 750 阅读 · 0 评论 -
JS数组方法-改变原数组与不改变原数组的方法集合
改变原数组的方法push()push() 方法向数组的 末尾添加 一个或多个元素,并返回新的长度var arr = ['a','b','c'];console.log( arr.push('d')) //push()以后,返回的数组的长度就是4console.log(arr) //push以后,arr=['a','b','c','d']pop()pop() 方法 删除数组 的 最后一个 元素并返回删除的元素var arr = ['a','b','c'];console.log(arr原创 2022-01-19 16:03:40 · 2583 阅读 · 2 评论 -
数组去重的方法
数组去重有很多种方法都可以实现,这里介绍最常用的几种原创 2022-01-12 16:47:23 · 274 阅读 · 0 评论 -
JS实现手机号码以及姓名的脱敏处理
介绍在项目当中,经常会获取用户的手机号以及姓名,但是又不能泄露用户的信息,所以通常会进行信息的脱敏处理, 具体如下:效果图需求背景关于用户电话号码,需要展示为,例如:135 **** 3345 ,需要将第四个到第七个这几个字都脱敏关于用户姓名,需要展示为:如果用户姓名为 2个字,则脱敏最后一个字;如果用户姓名为3个字 ,则脱敏中间的一个字如果用户姓名为3个字以上 的,则脱敏第二个和第三个字实现代码 // 电话号码脱敏 function phoneCode(tel) {原创 2021-12-27 13:42:32 · 3957 阅读 · 2 评论 -
substring()和 substr()之间的区别
相同点subString() 和 substr() 都是用来截取字符串的当只有一个参数的时候,两者的作用一样,都是截取字符串,从当前下标开始到最后。例如:var str = 'abcdefg'console.log(str.substr(2)) // cdefgconsole.log(str.substring(2)) // cdefg不同点substr的第二个参数是: 截取字符串的长度(从起点截取固定长度的字符串)substring的第二个参数是: 截取字符串最终的下标(截取的是两原创 2021-12-17 17:31:53 · 556 阅读 · 0 评论 -
JavaScript test()方法的使用
介绍test()方法用于检测一个字符串 是否匹配某个模式, 它的返回值,是 布尔类型,若匹配,则返回 true , 否则返回 false语法RegExpObject.test(string)应用场景验证用户输入的手机号是否符合要求,使用正则及 test() 方法来实现,具体代码如下:html:<!-- maxlength: 规定 input 中允许的最大字符数 type: 规定要显示的 input 的类型 placeholder: 规定 input 字段简短的提示信原创 2021-12-09 14:40:44 · 1927 阅读 · 0 评论 -
toFixed()返回值的类型
输入代码如下: let a = 10.12345.toFixed(2) console.log(a) console.log(typeof(a))代码运行结果如下:从这里可以看出来,使用 toFixed() 方法可以四舍五入为指定小数位数的数字,得到的返回值是 String(字符串) 类型;这一点,官方也有介绍到; 该方法调用的是 NumberObject.toString(), 返回采用指数计数法 表示的 字符串更多详细介绍,可参照官方文档介绍: JavaScript toFixed()原创 2021-12-01 13:56:43 · 2527 阅读 · 0 评论 -
.forEach()和.map()的区别
共同点都只能循环 数组都循环数组中的每一项每次循环的 匿名函数 都有三个参数数组中的当前每一项 item当前项的索引号 index原数组 arr匿名函数中的 this 指向 window例如: let arr = ['hi','hello','hei']; arr.forEach((item,index,arrays) => { // item为每一项 , index为每项的索引号, arrays为原数组 console.log(item,index,arra原创 2021-12-01 11:06:11 · 596 阅读 · 0 评论 -
JS Date对象--日期时间用法
Date对象介绍Date 对象主要用于处理日期和时间,他会自动获取当前的时间及日期并保存起来,这个时间是和 GMT 时间1970年1月1日 进行比较的。Date构造方法Date 函数主要有 6种构造函数,具体如下所示:1. new Date() // 获取当前的系统时间2. new Date("month dd,yyyy hh:mm:ss")3. new Date("month dd,yyyy")4. new Date(yyyy,mth,dd,hh,mm,ss)5. new Dat原创 2021-10-09 11:53:24 · 1804 阅读 · 0 评论