javascript
关注
分享
扫一扫
lxslxskxs
书山有路勤为径，学海无涯苦作舟
展开
-
promise初识
(1)：promise对象 什么是promsie,promise字面就是承诺，承诺一段时间做出回应 promise产生的历史原因，回调函数的层层嵌套的回调"地狱"，不够优雅和易用 promise的三种状态 pending fulfilled reject promise的特点 promise的状态不可逆，要么是成功要么是失败，当处于pending状态，未知是成功还是失败 promise的结果必须通过回调函数返回出去，不然就会处于pending未知状态 promise对象的状态不受外界影原创 2022-01-15 19:27:36 · 404 阅读 · 0 评论 -
vue实现穿梭框
页面展示html <body> <div id="my"> <div class="container-fluid"> <div class="row"> <!--左侧--> <div class="col-xs-5 col-sm-5"> <div class="panel panel-success">原创 2022-01-12 22:42:54 · 480 阅读 · 0 评论 -
javascript-鄙人常用的功能函数
常用的功能函数(1): 功能函数1: 回到顶部Vue.prototype.$scrollTo = (x = 0, y = 0, type = 'smooth') => { window.scrollTo({ top: x, left: y, behavior: type // 滚动行为：smooth平滑滚动，instant瞬间滚动，默认值auto，等同于instant })}2: 判断传递过来的值是否为空//判断传过来的值是否为空export function isN原创 2022-01-01 19:14:12 · 619 阅读 · 0 评论 -
javascript-简单理解设计模式
JS设计模式有很多种下边我举几个学习常见的模式（1): 单例模式(Singleton Pattern)-创建1: 第一种// 单例模式(Singleton Pattern),后端用的比较多// 单例模式创建多少对象就只有一个实例var SinglePattern = (function(){ function Single(name) { this.name = name; } return function(name) { if(!Single.ins原创 2021-12-30 21:23:46 · 238 阅读 · 0 评论 -
javascript-闭包(closure)
什么是闭包最简短的话解释内部函数引用外部的变量使用闭包// function fn1() {// var a = 20;// function fn2() {// a++;// console.log("a",a);// }// fn2()// }// fn1() // 21 永远是21// 内部函数被外部引用，内部的闭包才不会消亡，需要设置 fn =nullfunction fn1() { var a = 20; return f原创 2021-12-26 22:35:54 · 310 阅读 · 0 评论 -
javascript-this指向问题
this指向问题1: 普通函数调用,this指向window function a() { // 严格模式下 this为undefined console.log(this) // window } 在node.js中运行的话,this指向global全局对象 2: 谁调用指向谁 let obj = { name: '张三', age: 10， fn3() { console.log(this) }}obj.fn3() // this指向obj原创 2021-12-26 20:47:08 · 372 阅读 · 0 评论 -
javascript-作用域和预解析
作用域(规定变量和函数可使用的范围叫做作用域)什么是作用域链(每个函数都有一个作用域链，查找变量和函数时，需要从局部作用域到全局作用域一次查找，这些作用域的集合叫做作用域链) // 第一种var a = 1;function f() { console.log(a);}f() // 1// 第二种function f2() { var a2 = 3;}f2();console.log(a2); // a2 in not defined// 第三种(记住变量提升，必须声明变原创 2021-12-11 23:24:04 · 210 阅读 · 0 评论 -
前端性能优化之防抖和节流
什么是防抖和节流防抖: 触发高频事件后n秒后，函数只会执行依次，如果n秒内再次触发，则重新计时节流: 高频事件触发，但是在n秒内只会执行一次，在这n秒内，无论触发多少次，只会执行一次，节流会稀释函数的执行频率防抖的应用场景:1 resize窗口缩放2 输入框中不停输入节流应用场景1 scroll滚动事件,上拉加载2 按钮不停点击debounce.js function debounce(fn,delay=500) { let timer = null;原创 2021-12-03 21:24:01 · 292 阅读 · 0 评论 -
10种方式实现数组的去重
1 双层for循环let arr = [1,1,2,3,3,4,5,6];function uniqueArr(arr) { for(let i = 0; i < arr.length; i++ ) { for(let j = i+1; j < arr.length; j++) { if(arr[i] == arr[j]) { arr.splice(j,1); j--; } } } return arr}原创 2021-11-25 18:45:37 · 222 阅读 · 0 评论 -
javascript之数组中常用的属性和方法
数组中常用的属性length数组中常用的方法concat 数组合并 (es6的扩展运算符)reverse() 数组反转sort() 数组排序splice() 数组截取和添加替换(两个参数代表的是删除，三个删除代表的是替换或者添加，当第二个参数为0事，表示添加)- 第二个参数代表删除的个数或者替换的个数(替换的个数大于原数组的部分长度，只取原数组的最大长度)，第三个参数代表的是替换的元素slice() 截取数组(开始索引和结束索引之间，包括开始索引不包括结束索引)pop 数组删除，返回被删除原创 2021-12-01 19:32:58 · 136 阅读 · 0 评论 -
javascript之日期常用的方法
什么是日期对象Date对象是处理日期和时间的日期对象是new Date()实例化对象创建的日期的属性constructorprototype日期常用的方法getDate() 返回月中的第几天（从 1 到 31）。getDay() 返回的星期(0-6)getFullYear() 返回年份getMonth() 返回月份(0-11)getHours() 返回小时(0-23)getMinutes() 返回分钟(0-59)getMillSeconds() 返回毫秒(0-999)ge原创 2021-12-02 17:45:05 · 247 阅读 · 0 评论 -
javascript之对象常用的方法
对象常用的方法Object.assign() 对象合并Object.freeze() 对象冷冻Object.defineProperty() 对象劫持Object.prototype.toString.call() 判断数据类型Object.keys() 转换为键名数组Object.values() 转换为键值数组Object.entries() 转换为键值对的二维数组object.hasOwnPorperty() 返回布尔值，指示对象自身属性中是否具有指定的值isPrototypeOf原创 2021-12-02 17:39:04 · 300 阅读 · 0 评论 -
javascript之正则常用的方法
正则常用的方法修饰符i 执行对大小写不敏感的匹配g 执行全局匹配(查找所有的匹配，并非是在找到第一个匹配后停止)m 执行多行匹配常用的元字符\w 查找单词字符\W 查找非单词字符\d 查找数字\D 查找非数字\s 查找空白字符 (包括空格、制表符、换页符)\S 查找非空白字符\b 匹配单词边界\B 匹配非单词边界\n 换行符\f 换页符\r 回车符\t 制表符方括号[0-9] 查找任何从 0 至 9 的数字[a-z] 查找任何从小写 a 到小写 z 的字符。原创 2021-12-02 17:37:49 · 204 阅读 · 0 评论 -
javascript之数字常用的方法
number常用的方法toString() 转换为字符串toLocaleString 把数字转换为字符串，使用本地数字格式顺序。valueof 返回数值的原始值var a = 6666;a.toLocaleString();// "6,666"a.toString();//"6666"var dt = new Date();console.log(dt.toLocaleString());//2019/9/11 下午4:46:04console.log(dt.toString(原创 2021-12-02 17:13:59 · 104 阅读 · 0 评论 -
javascript之字符串常用的属性和方法
字符串的属性String.length字符串常用的方法indexOf() 返回指定字符串首次出现的位置,有返回1,没有返回-1lastIndexOf() 未指定，返回指定字符串在尾部首次出现的位置,有返回1,没有返回-1includes() 返回符合条件的字符串，有返回为true,没有返回falsesearch() 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。返回值是指定位置的下标，没有找到返回为-1match() 找到一个或多个正则表达式的匹配。返回值是一个数原创 2021-12-02 17:05:24 · 218 阅读 · 0 评论 -
javascript-继承的理解
原型继承function Father(name="李四",age=20) { this.name = name; this.age = age}Father.prototype.gender = "男" function Child() { this.name = "张三"}Child.prototype = new Father()var child = new Child()child.gender="女"child.age = 18console.log("chil原创 2021-12-01 22:13:48 · 252 阅读 · 0 评论 -
javascript之Math常用的方法
Math常用的属性和方法Math.abs() 返回绝对值Math.ceil() 向上取整Math.floor() 向下取整Math.max() 返回最大值Math.min() 返回最小值Math.random() 返回随机值Math.round() 四舍五入Math.sprt() 返回数的平方根Math.sqrt(16); 4Math.pow() 返回x的y次幂Math.PI() 返回PIMath.sin() 返回正弦Math.cos() 返回余弦Math.acos(x) 返回反原创 2021-12-02 17:52:20 · 1309 阅读 · 0 评论