努力学习的米-优快云博客

原创 vue基础学习笔记 --- 组件间数据的传输方式（7种，vue2环境下）

vue组件间传值的7中方法：props、自定义事件、$bus、pubsub-js、vuex、插槽slot、provide和inject跨组件传值

2022-08-07 17:41:30 1312

在遍历对象时，按照Object.keys（）的结果遍历，不保证他的结果在不同的JavaScript引擎下顺序是一致的。语法v-for="(value,key,index)inObject"语法v-for=“（item，index）inarray”作用列表渲染，指令所在的标签会被循环创建。item数组元素迭代的别名。2、v-for迭代对象的属性。value每个对象的属性值。1、v-for迭代数组。3.可用of代替in。...

2022-08-01 18:43:14 394

原创 JS刷题中遇到的知识点（1）

给网页添加JavaScript的方式有（1）使用script标签，把JavaScript代码写到script标签中（2）添加外部JavaScript文件（3）使用行内JavaScript（4）使用import引入JavaScript文件。reflow例如某个子元素样式发生改变，直接影响到了其父元素以及往上追溯很多祖先元素（包括兄弟元素），这个时候浏览器要重新去渲染这个子元素相关联的所有元素的过程称为回流。不过需要注意的是，此方法无法检查该对象的原型链中是否具有该属性，该属性必须是对象本身的一个成员。...

2022-07-20 19:57:05 315

原创 vue基础学习笔记 --- 浅谈对keep-alive的理解

keep-alive是vue系统自带的一个组件，是用来缓存组件的，避免组件内的数据重复渲染，可以提高性能，是优化的手法之一，当我们使用了keep-alive的时候，会有activated和deactivated这两个事件被激活，activated会在keep-alive组件激活之前也就是当显示组件时触发，deactivated在keep-alive组件激活之后当隐藏缓存组件时触发；被keep-alive包裹的组件在切换的时候不会被销毁，而是被缓存在deactivated钩子函数中。...

2022-07-17 16:11:49 195

原创 vue生命周期

vue的生命周期就是vue实例从创建到销毁的过程，即指创建、初始化数据、编译模板、挂载DOM实例到渲染、更新到渲染、销毁等一系列过程，系统自带八个声生命周期分别为：创建前后（beforeCreat、created）、载入前后（beforeMount、mounted）、更新前后（beforeUpdate、updated）、销毁前后（beforeDestory、destoryed）；此时当一进入页面或组件，会执行beforeCreat、created、beforeMount、mounted，这四个生命周期；如果

2022-07-13 20:53:44 344

原创 vue基础学习笔记 --- vue常用内置指令总结

vue常用的内置指令

2022-07-13 19:31:00 335

原创 vue基础学习笔记 --- v-model表单双向绑定、双向绑定的原理、v-bind和v-model的区别

v-model：是双向绑定，用于表单元素，主要针对以下类型：text 文本,textarea 多行文本,radio 单选按钮,checkbox 复选框,select 下拉框

2022-07-13 18:51:46 281

原创 Vue基础学习笔记 --- 事件处理、事件修饰符、按键修饰符

格式：v-on:事件名=“函数名” 或者 v-on:事件名=“函数名（参数）”所写的时候 @事件名=“函数名” 或者 @事件名=“函数名（参数）”如果函数不穿参数的时候，默认传event，代表原生的DOM事件，当调用的函数有多个参数传入的时候，需要使用原生DOM事件，要通过$event作为实参来传；用于监听DOM事件案例：事件修饰符：.stop 阻止单击事件继续传播event.stopPropagation().prevent 阻止事件的默认行为 event.preventDefault().once

2022-07-09 19:09:18 267

原创 Vue基础学习笔记 --- v-if 和 v-show

v-show：只是操作css的display属性v-if：删除dom元素

2022-07-08 20:46:16 504

原创 Vue基础学习笔记 --- Class和Style 绑定v-bind

通过v-bind来绑定class和style来指定样式是很常见的，他们都是元素的属性，表达式结果的类型可以是数组、对象、字符串格式：（当在实际的应用时，如果class后面跟的是字符串，那么不用v-bind动态绑定，因为string值是固定不变的。）...

2022-07-08 20:28:31 356

原创 vue基础学习笔记 --- 计算属性、计算属性与函数之间的区别、watch监听器

vue中的computed计算属性和函数的区别；watch监听器

2022-07-05 19:43:50 536

原创 vue基础学习笔记 --- MVVM、v-once、v-html、v-bind、v-on

什么是MVVM模型？{{}}语法、v-once、v-html、v-bind、v-on

2022-07-05 18:52:11 211

转载常见的网页状态码

2开头（请求成功）表示成功处理了请求的状态代码。200 （成功）服务器已成功处理了请求。通常，这表示服务器提供了请求的网页。201 （已创建）请求成功并且服务器创建了新的资源。202 （已接受）服务器已接受请求，但尚未处理。203 （非授权信息）服务器已成功处理了请求，但返回的信息可能来自另一来源。204 （无内容）服务器成功处理了请求，但没有返回任何内容。205 （重置内容）服务器成功处理了请求，但没有返回任何内容。206 （部分内容）服务器成功处理了部分 GET 请求。3开

2022-07-02 10:37:31 3847

原创什么是跨域？如何解决？

跨域是因为违反了同源策略而产生的，解决方式有CORS、JSONP、代理

2022-07-02 10:03:16 285

原创 HTTP中get与post的区别

http中get和post的区别

2022-06-30 16:15:02 181

原创手写call、apply、bind方法

手写apply方法思路：判断调用apply方法的是否是函数，如果是继续，如果不是，报错新建一个对象obj来调用这个函数创建一个fn函数来作为被调用的函数在结束调用后删除这个函数手写bind思路：判断是否是函数调用，如果是，继续，如果不是，报错返回函数判断函数的调用方式，是否是new出来的，如果是，返回空对象，并且使创建出来的__proto__指向 this的prototype属性如果不是new出来的，改变this的指向call、apply、bind方法有什么不同...

2022-06-24 18:35:20 119

原创 JavaScript -- 闭包

在了解闭包之前，我们要明白什么是作用域：变量的作用域分为两个：全局作用域和局部作用域什么是作用域链？一、什么是闭包？我们可以理解为函数嵌套函数，里面被嵌套的那个函数就是闭包函数二、闭包函数有什么特点？三、闭包有什么应用?封装一段代码，实现模块化四、闭包的优缺点......

2022-06-24 11:24:54 256

原创 JS中的解构赋值

js中数组解构赋值和对象解构赋值的小例子

2022-06-23 15:47:05 329

原创 promise、async、await

一、promisepromise构造函数是同步任务，promise.then()是异步任务中的微任务。promise.then()如果在promise里没有resolve参数或者reject参数的时候，promise.then()是不执行的二、asyncasync可以理解为promise对象的一种简写，他的返回值是一个promise对象，不可以和回调函数一起搭配使用，可以直接运用 .then 方法，他最大的意义就是让异步代码在形式上更接近于同步代码三、await...

2022-06-23 11:47:34 251

原创 JS中call、apply、bind方法

一、call1.call可以调用函数：2.call可以改变this的指向3.call可以传参：(1).只传一个参数(a)，那么a是this改变后的指向的对象： function.call(a)(2).传两个参数（a,b），a是this改变后的指向的对象，b是你要传的参数，（call传的参数传到哪？传到调用call的那个函数上）：function.call(a,b)(3).传多个参数（a,b,c），a是this改变后的指向的对象，b和c是你要传的参数二、applyapply和call都可以调用函数，有什么

2022-06-23 10:34:51 739

MImi_0612的博客