- 博客(12)
- 收藏
- 关注
RSS订阅原创 $route与$router与routes三者都是什么?
$route是一个局部的路由对象,只能用于当前跳转的路由而$router是一个全局的实例对象包括了路由的跳转方法比如push(跳转页面)replace(替换页面),go(页面的前进或者后退)
2022-06-15 22:51:00
358
原创 你不知道的冷门组件通信方式
组件是可复用的 Vue 实例, 封装标签, 样式和JS代码一个页面， 可以拆分成一个个组件，一个组件就是一个整体, 每个组件可以有自己独立的 结构 样式 和 行为(html, css和js)我大概列举一下常用的组件通信方式父子组件:使用props和$emit进行通信 v-model数据双向绑定兄弟关系:eventBus:on+on+on+emit爷孙关系:使用provide+inject来通信没有关系:用Vuex和Pinia等等注意咯:接下来介绍两种组件通信的方式$refs能够获取原生 DOM 对象和获取组
2022-06-15 21:49:17
229
原创 巡逻保安───导航守卫
官网:https://router.vuejs.org/zh/guide/advanced/navigation-guards.html正如其名，vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。这里有很多方式植入路由导航中：全局的，单个路由独享的，或者组件级的。导航守卫分为全局守卫,其中包括全局前置守卫,全局后置守卫,全局解析守卫,还有独享守卫,组件守卫等等如果说拦截器是兢兢业业端着茶缸,登记每一个进出小区的门卫大爷,那么我愿称导航守卫为一群训练有素的的巡逻保安,接下来谈下常用的两
2022-06-15 17:07:18
119
原创 保安大爷───拦截器
拦截器就像小区的保安大爷,端着茶缸,兢兢业业登记每一个进出小区的人,有做核酸吗?没做?不准进!有鬼鬼祟祟的的人想出去?您哪一栋的?怎么没见过拦截器（interceptors）用来全局拦截 axios 的每一次请求与响应。好处：可以把每个请求中，某些重复性的业务代码封装到拦截器中，提高代码的复用性。固定的基本语法:实际工作中,我们使用请求拦截器主要完成 token的统一注入,展示loading效果,etc等固定的基本语法:注意：失败的回调函数可以被省略！实际工作中响应拦截器主要处理 返回的数据异常 和数
2022-06-15 16:53:19
88
原创 跨域的五种解决方案详解
CORS :全称cross origin resource share （资源共享）工作原理： 服务器 在返回响应报文的时候，在响应头中 设置一个允许的header
2022-06-11 23:23:08
26126
原创 什么是同源与跨域呢
同源策略（英文全称 Same origin policy）是浏览器提供的一个安全功能。浏览器的同源策略规定：不允许非同源的 URL 之间进行资源的交互。同源指的是两个 URL 地址具有相同的协议、主机名、端口号。为什么要有同源与不同源？出于安全考虑，浏览器不允许，页面向不同源的接口请求数据，因为如果 接口 和 网页不同源，浏览器认为是2个不同的 服务...
2022-06-08 23:29:09
601
原创 王者荣耀告诉你什么是节流
概念：节流（throttle）指的是：单位时间内，频繁触发同一个操作，只会触发 1次。 作用：减少逻辑执行的次数。 场景：页面新闻刷新，浏览器大小改变页面适配。 好处：这样可以有效减少请求的次数，节省网络资源。还是不懂什么是防抖?或者记不住?举个栗子moba游戏应该都玩过,比如王者荣耀!节流如同技能CD:指定的时间间隔内,只执行一次下面用代码演示下:...
2022-06-06 22:26:27
534
原创 详解回调地狱以及promise
1.什么是回调地狱?说promise之前必须先简单说下,回调地狱回调地狱:在回调函数中又嵌套了多层回调函数,便会形成回调地狱JS中或node中，都大量的使用了回调函数进行异步操作，而异步操作什么时候返回结果是不可控的，如果我们希望几个异步请求按照顺序来执行，那么就需要将这些异步操作嵌套起来，嵌套的层数特别多，就会形成回调地狱 或者叫做 横向金字塔。例如我们创建一个文件夹,里面各自包含一句诗,要求这四个异步按顺序排列如此大量使用回调函数,便会形成回调地狱//第一步先导入fs模块import {
2022-05-13 21:36:10
1279
3
原创 浅谈原型对象与原型链
1.为什么需要原型对象?构造函数模式虽然好用，但也并非没有缺点。使用构造函数的主要问题，就是每个方法都要在每个实例上重新创建一遍。因为多个构造函数会开辟多个内存空间,这样会导致内存浪费的问题,那么如何解决这个问题呢?方案一:使用全局函数解决,但是会导致变量污染方案二:使用全局对象解决,解决了变量污染，但是这个对象本身也会造成污染所以原型对象来啦!原型对象的作用 ： 解决内存浪费 + 变量污染(共享方法)2.什么是原型对象呢?任何构造函数在被创建的时候，系统都会自动帮我们创建一个与之对应.
2022-05-13 20:26:53
407
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人