
js
lq_20101224
代码小金库~
展开
-
JS实现数字千分位分隔(带小数点)
【代码】JS实现数字千分位分隔(带小数点)转载 2023-05-16 15:20:33 · 317 阅读 · 0 评论 -
JS对象数组去重的3种方法
结论:filter和Reduce时间上差别不是太大,filter稍微更快一些,但是filter语法更简洁。转载 2023-02-21 09:24:27 · 242 阅读 · 0 评论 -
随机 ID 生成
【代码】随机 ID 生成。原创 2022-12-22 14:45:08 · 150 阅读 · 0 评论 -
url参数转对象 VS 对象转url参数
【代码】url参数转对象和对象转url参数。原创 2022-12-22 14:46:08 · 192 阅读 · 0 评论 -
JS:图片地址转base64,base64图片下载
【代码】图片地址转base64,base64图片下载。原创 2022-12-22 14:16:47 · 221 阅读 · 0 评论 -
常用正则验证
【代码】常用正则验证。转载 2022-12-22 14:10:35 · 121 阅读 · 0 评论 -
常用前端JavaScript方法封装整理
【代码】常用前端JavaScript方法封装整理。转载 2022-12-22 13:54:36 · 161 阅读 · 0 评论 -
前端面试:Event Loop事件循环
先进先出,script标签里面包含的内容,或者是直接访问某一个js文件时,里面的可以在当前作用域直接执行的所有内容(执行的方法,new出来的对象等);不进入主线程、而进入"任务队列"的任务,只有"任务队列"通知主线程,某个异步任务可以执行了,该任务才会进入主线程执行;在主线程上排队执行的任务,只有前一个任务执行完毕,才能执行后一个任务;所有任务需要排队,前一个任务结束,才会执行后一个任务;此时执行栈为空检查微任务队列,执行微任务输出3。-执行栈为空,检查微任务队列,输出。原创 2022-09-10 15:15:00 · 165 阅读 · 0 评论 -
前端面试:复习闭包
变量根据作用域的不同分为两种:全局变量和局部变量在函数内部的称为局部变量,在函数外部的称为全局变量函数内部可以使用全局变量,函数外部不可以使用局部变量。原创 2022-09-09 21:00:00 · 132 阅读 · 0 评论 -
前端面试:原型和原型链
1)原型链解决的主要是继承问题2)每个对象拥有一个原型对象,通过 proto 指针指向其原型对象,并从中继承方法和属性,同时原型对象也可能拥有原型,这样一层一层,最终指向 null(Object.proptotype.__proto__指向的是null)。这种关系被称为原型链(prototype chain),通过原型链一个对象可以拥有定义在其他对象中的属性和方法。原创 2022-09-09 21:00:00 · 188 阅读 · 0 评论 -
JS中数组reduce()方法使用
简单的讲就是返回数组中所有元素的和数 不会改变原始组的值 不会对空数组执行回调函数。筛选出数组中年龄>18岁的,并添加属性,用map和filter的组合需要遍历数组2次。reduce()对数组中的每个元素进行累加,返回一个新的值,可以传入初始值。2、升级用法:使用reduce代替map和filter的组合。同样操作使用reduce只用遍历数组一次。1、简单用法:求和、乘积、平均值。3、高级用法:对象数组去重。4、高级用法:按属性分组对象。...原创 2022-08-31 15:30:21 · 493 阅读 · 0 评论 -
vue 日期与时间戳的相互转换总结
日期与时间戳的相互转换获取到的时间戳除以1000就可获得Unix时间戳。原创 2022-08-31 10:51:02 · 3857 阅读 · 0 评论 -
项目开发常用正则表达式
【代码】项目开发常用正则表达式。转载 2022-08-26 14:03:46 · 111 阅读 · 0 评论 -
JavaScript条件语句优化
1. 三元运算符;2. Array.includes; 3. 可选链和空值合并操作符;4. 默认参数和解构5. Array.every & Array.some;6. 提前退出 / 提前返回;7. 对象字面量或Map替代Switch;原创 2022-08-10 18:30:00 · 204 阅读 · 0 评论 -
常用JavaScript单行代码总结
常用JavaScript单行代码总结原创 2022-08-04 11:10:48 · 123 阅读 · 0 评论 -
Vue组件中如何引入外部的js文件
Vue组件中引入外部的js文件的6种方式转载 2022-05-11 10:57:35 · 1281 阅读 · 1 评论 -
js实用小技巧
1,ES6扩展运算符... 合并多个数组或者多个对象2,ES6数组实例方法 includes3,从后向前获取数组元素4,短路条件句5,空值合并运算符(??)6,可选链式操作符(?.)7,计算数组中的最大值/最小值8,检测Null、Undefined、空9,undefined与null的区别原创 2022-03-29 14:56:30 · 860 阅读 · 0 评论 -
判断两个数组是否完全相等
// 判断两个数组是否完全相等export function arrEuqalse(arr1, arr2) { if (!arr1 || !arr2) { return false; } if (arr1.length != arr2.length) { return false; } for (var i = 0; i < arr2.length; i++) { if (arr1.indexOf(arr2[i]) == -1) { retu.原创 2021-08-02 16:09:49 · 625 阅读 · 0 评论 -
记:数字累加动画
<div>{{value}}</div>value: 0 // 滚动的数值默认0methods: { // 数字动画 numFun(startNum, maxNum) { let that = this; let numText = startNum; let golb; // 为了清除requestAnimationFrame function numSlideFun(){ // 数字动画 if(maxNum<.原创 2020-12-22 14:20:21 · 316 阅读 · 0 评论 -
记:数值向上取整十,整百,整千,整万
// 向上取整十,整百,整千,整万ceilNumber(number){ let bite = 0; if(number < 10){ return 10; } while( number >= 10 ){ number /= 10; bite += 1; } return Math.ceil(number) * Math.pow(10,bite);}原创 2020-12-22 14:05:32 · 4764 阅读 · 0 评论 -
记项目 常用js方法
repalceHtml (str) { let s1 = str.replace(/<\/?.+?>/g, '') let s2 = s1.replace(/ /g, '')// 去html let s3 = s2.replace(/ /ig, '') // 转为空格 // let s4 = s3.replace(/\s*/g, '')// 去空格;...原创 2020-04-16 14:47:13 · 156 阅读 · 0 评论