js复习
踟 蹰
前端小白,请多指教
展开
-
微信小程序中进行图片压缩
使用画布在微信小程序中将上传的图片进行压缩原创 2022-09-26 14:29:53 · 3443 阅读 · 1 评论 -
js -- 小数点后留两位,多删,少加
小数点后留两位,多删,少加需求:计算获取到的价格中的总价,之后保留两位小数// 计算总金额let allPlice = 0res.result.list.forEach(item => { // 循环对总价格进行计算 allPlice += Number(item.totalAmountTax) this.setData({ allplice: allPlice })})let a = String(this.data.allplice).i原创 2022-03-25 16:44:22 · 229 阅读 · 0 评论 -
http中的状态码
http中的状态码状态码是什么:http状态码的作用是服务器告诉客户端当前响应的状态,通过状态码就能判断和分析服务器的运行状态状态码的分类:状态码的第一位数字决定了不同的响应状态比如:第一位是1 表示收到web浏览器请求,(告诉客户端已经收到了请求)请求正在处理第一位是2 表示请求成功第一位是3 表示重定向 完成请求,需要进一步操作第一位是4 表示客户端提交的请求有误第一位是5 表示服务器错误,表示服务器不能对请求的数据进行处理常见状态码:100:客户端继续发送请求,这是临时响原创 2021-10-08 12:01:43 · 72 阅读 · 0 评论 -
回调地狱 总结
回调地狱回调地狱 简单说,就是函数作为参数层层嵌套在使用 JavaScript 时,为了实现某些逻辑经常会写出层层嵌套的回调函数如果嵌套过多,会极大影响代码可读性和逻辑,这种情况也被成为回调地狱解决1 拆解 function 将各步拆解为单个的 function解决2 通过 Promise 链式调用的方式解决3 通过genenter函数解决4 async / await// 回调地狱函数 let a = function fn() { setTimeout(()原创 2021-10-07 17:20:58 · 144 阅读 · 0 评论 -
注册一个全局自定义指令
注册一个全局自定义指令 v-my-text全局自定义,写在main.js中Vue.directive("myText",{ // name:指令名,不包括 v- 前缀。 bind(el, binding, vnode, oldVnode){//只调用一次,指令第一次绑定到元素时调用。(只要使用当前 指令就一定会触发bind方法 console.log("====>bind====>el",el); console.log("====>原创 2021-10-07 11:32:12 · 997 阅读 · 0 评论 -
call apply bind 区别
call apply bind 区别相同点call apply bind 都可以进行传参,更改this的指向区别call apply 的区别在于传参,call传参时是以参数的形式进行的,除第一个是进行this改变指向的,之后的每一个都是进行传参的apply的传参是以数组的形式进行的,有两个参数,第一个是改变this的指向,第二个是一个数组的形式进行传参call apply和band的区别band 调用时自己创建了一个函数称为绑定函数,band函数中的第一个参数作为更改this指向的函数之后的原创 2021-10-05 20:33:04 · 111 阅读 · 0 评论 -
js中的面向对象
面向对象把数据及对数据的操作方法放在一起,作为一个相互依存的整体——对象。对同类对象抽象出其共性,形成类。类中的大多数数据,只能用本类的方法进行处理。类通过一个简单的外部接口与外界发生关系,对象与对象之间通过消息进行通信。程序流程由用户在使用中决定。对象即为人对各种具体物体抽象后的一个概念和面向过程一样,都是一种编程思想;(万物皆对象)JS本身也是一门面向对象的语言; js就是基于面向对象的编程思想构造出来的;我们经常去研究一些JS的内置类(Number,String,Object,Ar原创 2021-10-05 19:15:56 · 130 阅读 · 0 评论 -
Promise
PromisePromise 是异步编程的一种解决方案,其实是一个构造函数,自己身上有all、reject、resolve这几个方法,原型上有then、catch等方法。对象的状态不受外界影响。Promise对象代表一个异步操作,有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。一旦状态改变,就不会再变,任何时候都可以得到这个结果。Promise对象的状态改变,只有两种可能:从pending变为fulfilled和从pending变为rejec原创 2021-10-03 18:04:24 · 45 阅读 · 0 评论 -
async await
async awaitasync可以作用在任何方法前,返回值是一个Promise对象(回调函数也可以使用async)var centents = async () => { return 555 } centent().then(res=>{ console.log(res); })函数内部return的返回值, 会成为then回调函数的参数async作用的方法,如果内部出现报错,可以被promise的catch方法捕获常规使用,一般原创 2021-10-01 22:33:43 · 55 阅读 · 0 评论 -
ajax 相关内容
ajax的请求过程ajax请求方法–步骤5步创建XMLHttpRequest 对象(异步调用对象) let xhr = new XMLHttpRequest()设置事件监听:xhr.onreadystatechange = function() {}创建http请求: xhr.open(‘请求方式’,‘请求地址’,是否同步请求,用户名称,密码) 是否同步请求默认为false 用户名称与密码不需要传入发送请求数据:xhr.send(null);数据请求的方式:GET原创 2021-09-30 19:01:17 · 56 阅读 · 0 评论 -
es6中的继承
es6中的继承es6中的继承主要就是class继承原创 2021-09-26 20:11:28 · 67 阅读 · 0 评论 -
js中的函数 -------自执行函数
js中的函数js中的函数分为 普通函数 匿名函数 function () {} 具名函数 function fn() {} 构造函数 function Fn() {} let arr = new Fn() 自执行函数 (function fn() {}) () 箭头函数 generator函数自执行函数的几种写法 // 第一种写法 (function (a){原创 2021-09-23 18:51:05 · 133 阅读 · 0 评论 -
let var const 区别
let var const 区别let val const的区别let const 语法和 var一样都是用来声明变量的var声明的变量存在变量提升 let/const声明的变量不存在变量提升console.log(a); // undefinedconsole.log(b); // 报错 Cannot access 'b' before initialization 不能再使用前调用 var a = 1;let b = 1;var声明的变量不存在暂时性死区 let/const声明的变量存原创 2021-09-23 16:36:04 · 59 阅读 · 0 评论 -
RESTful API(风格)
什么是RESTful API?根据请求方式的不同,同一个接口就有不同的返回值和作用请求方式有:GIT 请求数据post 发送请求DELETE 删除PUT 修改// OPTION get 和post传参的区别get 传参 通过URL问号进行传参POST 在请求中直接发送数据传递数据大小的区别GET传递的参数数据比较小,2k(url的长度限制:url本来是没有长度限制的,但是浏览器是有限制的)POST 严格意义上来说没有大小限制,(JSON FORM BASE64 音视频转化为二原创 2021-09-10 12:02:19 · 62 阅读 · 0 评论 -
继承的方法(二)组合继承
组合继承就是构造函数继承和原型链继承的综合,选取了两类的优点主要过程是① 子类构造函数执行父类构造函数(为了将父类构造函数的内容转化为私有);② 子类构造函数上实例化父类构造函数(将父类构造函数中的内容赋值给子类的原型); function Parent() { this.x = 11; this.x1 = {} } Parent.prototype.getx = x; function Child()原创 2021-09-09 20:32:46 · 152 阅读 · 0 评论 -
继承的方法(一) 原型链的继承
继承1.原型链继承就是子类,实例,继承父类的属性和方法原型链继承,就是让子类的原型指向父类的实例 // 父类构造函数 function Parent(x){ this.x = x; } //父类原型 Parent.prototype.getX = function (){ console.log("getX",this.x) } //子类构造函数 function Child(y){ this.y = y; } //子类原创 2021-09-08 20:04:58 · 209 阅读 · 0 评论 -
原型和原型链
原型和原型链原型:原型分为显示原型和隐式原型;prototype:每个函数都有一个prototype属性,称为显示原型_ proto _:每个实例对象都有一个_ proto _属性,被称为隐式原型,隐式原型指向prototypeconstructor:每个prototype都有一个constructor函数,指向它所关联的函数 原型链:获取对象属性时,如果对象中没有该属性,就会到原型中找(_ _proto_ _)如果还是找到就到 原型的原型中去找,直至找到,如果找到最底层[object原创 2021-09-08 16:25:04 · 56 阅读 · 0 评论 -
this 的指向问题和箭头函数
1.this的指向问题在es5中,this的指向是非常混乱的,1:在方法中,this指向调用者2:没有调用者时,this指向window3:构造函数中,指向创建出来的实例本身改变this指向的方法强制改变this指向 call apply bindcall方法 语法 call(this的指向,function的参数)apply方法 语法 apply(this的指向,[function的参数])bind本身不回去执行要被改变this指向的这个方法,而是返回一个已经被改变了this指向原创 2021-09-07 16:45:48 · 219 阅读 · 0 评论 -
深拷贝和浅拷贝
深拷贝和浅拷贝浅拷贝复制对象时只复制指向的地址,只能进行基本数据类型的复制。深拷贝就是将对象中的所有的内容拷贝到新的对象中,内容进行拷贝,和之前的地址指向不同,修改某一个对象中的内容,另一个对象中的内容不会跟着改变。默认拷贝构造函数只是对对象进行浅拷贝复制(逐个成员依次拷贝),即只复制对象空间而不复制资源。...原创 2021-09-07 13:56:08 · 109 阅读 · 0 评论 -
数组的常用方法
数组常用方法1. pop 删除数组最后的一个元素,并将其返回 改变原数组2. push 在原数组的末尾添加上新数组(一个或多个),并返回数组的长度3. length 返回数组的长度,改变数组的长度,(如果输入的长度小于当前的长度,就将其后的元素进行截取,如果输入的长度大于当前数组的长度,就在数组的末尾添加元素undefind,直至长度相等)4. shift 删除数组的第一个元素,并将其返回出来 如果数组是空的,返回undefind5. unshift 在数组的头部添加元素 改变原数组,并返回改变后原创 2021-09-06 20:35:19 · 60 阅读 · 0 评论 -
js复习,数据类型的复习
数据类型的复习js中的数据类型主要分为基本数据类型和引用数据类型基本数据类型有// string 字符串 使用'' / ""引住的类型 // number 数字 顾名思义,数字类型 // boolean 布尔值 有两个值,true false // null 空 当内容为空时,使用 // undefined 未定义 // Symbo原创 2021-09-02 19:27:44 · 74 阅读 · 0 评论