
JavaScript
文章平均质量分 55
ljlttkx
。。。。。
展开
-
es6新特性,解构赋值
看视频学到了es6新特性,解构赋值,等号左右,相同结构就行,先记下来,后续看情况补充学习构就行)使用element-ui返回的result是promise,而某个方法的返回值是promise,我们可以用async await去简化promise操作这里面展开的六个属性都是axios帮我们封装好的,其中的data属性才是服务器返回的真实数据,其他我们不需要,此时我们可以从这个对象身上,把这个data属性解构赋值出来, 解构赋值出data属性并且重命名为res用async await可以直接获得返原创 2021-04-26 20:59:12 · 180 阅读 · 0 评论 -
前端异步(async)解决方案(所有方案)
添加链接描述转载 2021-10-15 14:08:50 · 382 阅读 · 0 评论 -
【ES6】var、let、const三者的区别
添加链接描述转载 2021-10-15 14:07:34 · 124 阅读 · 0 评论 -
聊聊原型和继承
添加链接描述转载 2021-10-15 14:06:53 · 92 阅读 · 0 评论 -
解决在页面刷新前利用sessionStorage存储vuex的数据中的小bug
问题描述:我想实现点击这两个按钮(pub和tools)没有选中的按钮设置display:none,(这样下面的白色三角形就隐藏了)我为了页面刷新后vuex数据能不被初始化,所以这样做的在app.vue中问题描述:预期效果应该是在当前页面刷新后三角形还是之前被选中的状态,但是实际是: 原因分析:active的值都存进去了,那为什么样式修改没有成功呢。搞了半天发现,本来state中和我添加按钮的方法赋值给state的数据就是字串类型,然而赋值给sessionStorage还转化了原创 2021-10-13 16:59:04 · 172 阅读 · 0 评论 -
es6 class以及构造函数(constructor)
es5中,生成实例对象通过构造函数来生成:function Fun(a,b) { this.a = a; this.b = b;}Fun.prototype.showA = function () { console.log(this.a)}var fun = new Fun(1,2);fun.showA();//1es6则引用了class的概念,使得更接近java、c++等语言,更加直观。如:class Fun { constructor(a,b){原创 2021-09-27 16:22:34 · 1094 阅读 · 0 评论 -
学习fetch!
导读:fetch:这个方法是ES2017中新增的特性,这个特性出来后给人一种传统ajax已死的感觉,其实它的作用是替代浏览器原生的XMLHttpRequest异步请求,我们在日常的开发中,基本不会自己去写XMLHttpRequest,主要是太复杂了,都是使用已经封装好了的各种插件,常用的有jquery。npm包管理工具也提供了axios,request等模块。而有了fetch后我们就可以在不用这些插件的情况下快速简单的实现异步请求了。async/await 能使得我们在编写异步代码时像同步一样的方原创 2021-09-06 14:13:54 · 150 阅读 · 0 评论 -
Promise入门
文章目录1. 预备知识1.1 实例对象与函数对象1.2 两种类型的回调函数1. 同步回调2. 异步回调1.3 JS中的异常error处理1. 错误的类型2. 错误处理(捕获与抛出)3. 错误对象2. Promise的理解和使用2.1 Promise是什么1. 理解Promise2. Promise 的状态3. Promise对象的值4. Promise 的基本流程5. Promise 的基本使用2.2 为什么要用 Promise1.指定回调函数的方式更加灵活2.支持链式调用,可以解决回调地狱问题2.3 如何原创 2021-08-25 20:31:28 · 203 阅读 · 0 评论 -
函数内this的指向
函数内部 this 指向函数内 this 的指向这些 this 的指向,是当我们调用函数的时候确定的。 调用方式的不同决定了this 的指向不同一般指向我们的调用者. // 函数的不同调用方式决定了this 的指向不同 // 1. 普通函数 this 指向window function fn() { console.log('普通函数的this' + this); } fn();//实际上是win原创 2021-08-23 21:03:29 · 233 阅读 · 0 评论 -
箭头函数以及箭头函数的this关键字
//箭头函数是用来简化函数定义语法的 const fn = () => { console.log(123) } fn(); // 在箭头函数中 如果函数体中只有一句代码 并且代码的执行结果就是函数的返回值 函数体大括号可以省略 function sum (n1, n2){ return n1 + n2; } const sum = (n1, n2) => n1 + n2; // 在箭头函数中 如果形参只有一原创 2021-08-23 21:03:08 · 282 阅读 · 0 评论 -
前端异步(async)解决方案(所有方案)
前端异步(async)解决方案(所有方案)转载 2021-08-22 21:04:34 · 116 阅读 · 0 评论 -
浅拷贝和深拷贝
浅拷贝只是拷贝一层, 更深层次对象级别的只拷贝引用.深拷贝拷贝多层, 每一级别的数据都会拷贝.浅拷贝 var obj = { id: 1, name: 'andy', msg: { age: 18 } }; var o = {};//通过浅拷贝得到的对象 for (var k in obj) { .原创 2021-04-20 15:02:37 · 94 阅读 · 0 评论 -
原型继承、借用构造函数继承、组合继承
文章目录前言一、call()二、借用构造函数继承父类型属性三、借用原型对象继承父类方法问题解决四、总结前言ES6之前并没有给我们提供extends继承。我们可以通过构造函数+原型对象模拟实现继承,被称为组合继承。组合继承是js中最常用的继承方式一、call()某个函数fun.call,由此可以调用这个函数fun,并且修改了这个函数的this指向代码如下(示例): function fn(x, y) { console.log('我想喝手磨咖啡');原创 2021-04-07 17:42:50 · 385 阅读 · 0 评论 -
构造函数和原型
例子:这函数User()有两个长辈prototype和_proto_,prototype服务于这个函数对象的,_proto_服务于函数实例化的对象hd打印出true,说明User通过prototype和对象hd通过_proto_都指向原型对象User prototype;除此之外,User还有一个原型User_proto_,当把User函数当作对象时,可以使用_proto_。例如:自定义对象的原型设置1.用object的设置原型方式把hdde 父级改成parentlet hd={na原创 2021-04-06 20:39:39 · 177 阅读 · 0 评论 -
对闭包的理解
文章目录变量作用域闭包1.什么是闭包2.调试闭包3.闭包的作用4.闭包的案例4.1.循环注册点击事件总结变量作用域变量根据作用域的不同分为两种:全局变量和局部变量。1.函数内部可以使用全局变量。2.函数外部不可以使用局部变量。3.当函数执行完毕,本作用域内的局部变量会销毁。闭包1.什么是闭包闭包(closure)指有权访问另一个函数作用域中变量的函数。---- JavaScript高级程序设计简单理解就是,一个作用域可以访问另外一个函数内部的局部变量。代码如下(示例):<sc原创 2021-03-31 20:25:37 · 126 阅读 · 0 评论 -
JavaScript中值类型和引用类型的区别
文章目录基本理解js原生引用类型Object类型Array类型Date类型RegExp类型Function类型JS值类型值类型和引用类型的区别JavaScript中的值类型的值是不可变的一、pandas是什么?二、使用步骤1.引入库2.读入数据总结基本理解引用类型是一种用于将数据和功能组织在一起的数据结构(也常被成为类),引用类型的值(对象)是引用类型的一个实例。但是js中没有类的概念,因此引用类型也可以被称为对象定义,因为他们描述的是一类对象所具有的属性和方法。对象是某个特定引用类型的实例,新转载 2021-04-02 11:40:00 · 252 阅读 · 0 评论 -
详解js中的继承(一)
详解js中的继承(一)前言准备知识1.构造函数,实例二、使用步骤1.引入库2.读入数据总结前言最近在学vue,到周末终于有空写一些东西了(想想又能骗赞,就有点小激动!)。在javascript基础中,除了闭包之外,继承也是一个难点。因为考虑到篇幅较长,所以打算分成两个部分来写。同样基于《javascript高级程序设计》,做一个详细的讲解,如果有不对的地方欢迎指正。准备知识为了更好的讲解继承,先把一些准备知识放在前面。1.构造函数,实例构造函数,是用来创建对象的函数,本质上也是函数。与其他函转载 2021-04-01 17:06:43 · 130 阅读 · 0 评论