随笔分类 - 前端
前端的一些随笔
摘要：当我们在切换组件的时候,我们不想让这个组件被销毁(卸载),那么我们需要使用KeepAlive将组件给包裹起来 1. 在DOM模板当中,需要使用 <keep-alive> 进行包裹组件 2. 使用KeepAlive将组件包裹起来之后,该组件不会被销毁(卸载),而是将组件缓存起来了 KeepAlive的
阅读全文
摘要：props :父向子传递 $emit / v-on ：子向父（通过派发）传递v-model: 双向绑定slot:插槽（子组件通过插槽的方法传给父组件）provide/inject:依赖注入（可以指定传给后代的数据和方法）root：访问根目录的属性和方法$attrs/$listeners：深层传递（多
阅读全文
摘要：闭包产生的条件 1. 需要有一个不销毁的函数 2. 外部函数里面存在着一个直接或者间接的函数 3. 在内部函数当中需要引用(使用)到外部函数的局部(私有)的变量 闭包的特点: 1. 可以让外部作用域访问到函数内部(私有)作用域里面的变量 2. 闭包里面的变量会一直的存在内存当中,对于低版本IE浏览器
阅读全文
摘要：同步： 同步的思想是：所有的操作都做完，才返回给用户。这样用户在线等待的时间太长，给用户一种卡死了的感觉，但是程序还在执行。这种情况下，用户不能关闭界面，如果关闭了，程序就中断了。 异步： 将用户请求放入消息队列，并反馈给用户，系统迁移程序已经启动，你可以关闭浏览器了。然后程序再慢慢地去写入数据库去
阅读全文
摘要：宏任务 setTimeout setInterval setImmediate 微任务包括： process.nextTick 如果自己做不了老大,那么就重启开启一块队列,自己做老大 await上面的代码和后面的同步,下面的代码是微任务队列 MutationObserver Promise.then
阅读全文
摘要：Restful API: 1.CURD(增删改查) 由请求方式决定 2.请求方式有：get/post/delete/put 3.同一个路径可以进行多个操作 Restless API 1.CURD(增删改查) 不由请求方式决定 2.请求方式一般：get/post 3.一个路径对应一个操作 注意：API
阅读全文
摘要：正向代理：代理其实就是一个中介，A 和 B 本来可以直连，中间插入一个 C，C 就是中介。刚开始的时候，代理多数是帮助内网 client 访问外网 server 用的（我们使用谷歌翻外网） 反向代理：反向” 这个词在这儿的意思其实是指方向相反，即代理将来自外网客户端的请求转发到内网服务器，从外到内
阅读全文
摘要：数组扁平化 将一个多维数组编程一个一维数 函数柯理化 将一个函数的两个参数当中两个函数一个参数来进行执行 函数的作用: 将多个拥有相同功能代码封装在一起,让我们写代码变得少,变得简单 但是在有时候,封装函数的时候,并没有让我们的代码变得简单
阅读全文
摘要：所谓的同源策略是指，同域名、同协议、同端口。 所谓的跨域，不同的域名、协议、端口皆为不同域
阅读全文
摘要：1：通过服务端代理请求 2：第二种：jsonp跨域 3：CORS 跨域资源共享(xhr2) 4：nginx代理跨域
阅读全文
摘要：当一个组件被定义，data 必须声明为返回一个初始数据对象的函数，因为组件可能被用来创建多个实例。 如果 data 仍然是一个纯粹的对象，则所有的实例将共享引用同一个数据对象！通过提供 data 函数， 每次创建一个新实例后，我们能够调用 data 函数，从而返回初始数据的一个全新副本数据对象。 重
阅读全文
摘要：计算属性computed : 1. 支持缓存，只有依赖数据发生改变，才会重新进行计算 2. 不支持异步，当computed内有异步操作时无效，无法监听数据的变化 3.computed 属性值会默认走缓存，计算属性是基于它们的响应式依赖进行缓存的，也就是基于data中声明过或者父组件传递的props中
阅读全文
摘要：初始: beforeCreate created beforeMount =>挂载 --child beforeCreate --child created --child beforeMount --child mounted mounted 更新: beforeUpdate --child be
阅读全文
摘要：生命周期 => 重出生到死亡的一个过程 Vue也自己的生命周期 初始化阶段:执行一次 创建阶段 beforeCreate:创建之前 created:创建完成 偶尔使用 有一些程序员在这里发送请求 挂载阶段 beforeMount:挂载之前 mounted:挂载完成 经常使用 都在这里面发送请求 执行
阅读全文
摘要：问题: 当我们打开Vue页面的时候,如果弱网环境,会出现一个闪烁的效果 原因: Vue还来不及处理的模板 解决: 使用 v-cloak 来解决Vue这个打开页面的闪烁的问题 原理: 利用 v-cloak 这个指令使用 display:none 来进行隐藏 使用: 直接在app这个写一个 v-cloa
阅读全文
摘要：虚拟DOM 虚拟DOM的本质来说就是一个JS对象，Vue会把虚拟的DOM解析为JS的对象 还可以这样理解：虚拟DOM 本质上就是在 JS 和 DOM 之间做了一个缓存。可以类比 CPU 和硬盘，既然硬盘这么慢，我们就在它们之间加个缓存：既然 DOM 这么慢，我们 就在它们 JS 和 真实DOM 之间
阅读全文
摘要：1. Vue里面的key是一个特殊的变量,在元素当中是不体现出来的 2. 在解析成虚拟DOM的是,如果我们没有写key值,那么这个key就类似于下标 0 , 1 , 2 , 3.... 3. 使用列表渲染的时候,key必须是一个唯一的,key值是一定不会重复的 4. key值使用尽量不要使用下标 总
阅读全文
摘要：v-if的特点 v-if：是真实的条件控制语句，每当我们满足条件的时候就会显示元素，不满足条件的时候不显示元素(不存在元素没有) v-if：有一套自己的条件控制语句v-if; v-else-if; v-else v-if: 可以搭配Template标签使用 v-show的特点 v-show：也可以控
阅读全文
摘要：在Vue2中 v-for的优先级要高于v-if 在Vue3中 v-if 的优先级要高于v-for
阅读全文
摘要：Proxy的优势如下 1.Proxy 可以直接监听对象而不是属性(Object.defineProperty一次只能监视一个属性,如果要监视一个对象,那么需要遍历这个对象)，可以直接监听数组的变化(Object.defineProperty需要对7个核心数组进行重写才能监视数组) 2.Proxy 有
阅读全文
