2020年9月19日
摘要: Indent-Rainbow 让缩进带有颜色 自定义缩进颜色 Material Icon Theme 好看的文件图标 Trailing Spaces 突出显示尾随空格,让你的“空格”型强迫症 显示呈现。 Chinese (Simplified) Language Pack for Visual St 阅读全文
posted @ 2020-09-19 21:08 京鸿一瞥 阅读(335) 评论(0) 推荐(0)
  2020年9月18日
摘要: js 动态修改 html 的 font-size <script type="text/javascript"> // orientationchange 设备屏幕旋转 在浏览器 let resizeEvt = 'orientationchange' in window ? 'orientation 阅读全文
posted @ 2020-09-18 11:13 京鸿一瞥 阅读(208) 评论(0) 推荐(0)
  2020年9月16日
摘要: npm install qs 安装 qs可以用来处理数据 而qs.stringify()将对象 序列化成URL的形式,以&进行拼接。 JSON是正常类型的JSON,请对比一下输出 var a = {name:'hehe',age:10}; qs.stringify(a) // 'name=hehe& 阅读全文
posted @ 2020-09-16 21:56 京鸿一瞥 阅读(818) 评论(0) 推荐(0)
  2020年9月14日
摘要: 执行 GET 请求 // 为给定 ID 的 user 创建请求 axios.get('/user?ID=12345') .then(function (response) { console.log(response); }) .catch(function (error) { console.lo 阅读全文
posted @ 2020-09-14 23:52 京鸿一瞥 阅读(218) 评论(0) 推荐(0)
摘要: 导航守卫只是前端这边做判断,检查请求头中是否带有token, 并不能判断 token 是否失效。而 axios拦截器是发送请求到后端那边,后端来判断token的有效性,再决定用户的登陆状态。两者可以一起配合使用 来保证登陆状态 导航守卫,每次路由跳转时判断该用户是否带有token(登录), axio 阅读全文
posted @ 2020-09-14 23:45 京鸿一瞥 阅读(251) 评论(0) 推荐(0)
  2020年9月12日
摘要: 正如其名,vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中:全局的, 单个路由独享的, 或者组件级的。 参数或查询的改变并不会触发进入/离开的导航守卫。 导航守卫执行的顺序 导航守卫分为:全局的、单个路由独享的、组件内的三种。 【全局的】:是指路 阅读全文
posted @ 2020-09-12 19:50 京鸿一瞥 阅读(150) 评论(0) 推荐(0)
摘要: 在组件中使用 $route 会使之与其对应路由形成高度耦合,从而使组件只能在某些特定的 URL 上使用,限制了其灵活性。 使用 props 将组件和路由解耦: 取代与 $route 的耦合 const User = { template: '<div>User {{ $route.params.id 阅读全文
posted @ 2020-09-12 13:32 京鸿一瞥 阅读(131) 评论(0) 推荐(0)
摘要: 这是之前写的,先在回来看也一脸懵逼,直接在我的文章params和query传参的使用和区别($router和$route的区别)再简单清晰的总结了一下。 1、$route对象 $route对象表示当前的路由信息,包含了当前 URL 解析得到的信息。包含当前的路径,参数,query对象等。**1.$r 阅读全文
posted @ 2020-09-12 00:59 京鸿一瞥 阅读(1821) 评论(0) 推荐(0)
  2020年9月11日
摘要: 有时候想同时 (同级) 展示多个视图,而不是嵌套展示,例如创建一个布局,有 sidebar (侧导航) 和 main (主内容) 两个视图,这个时候命名视图就派上用场了。你可以在界面中拥有多个单独命名的视图,而不是只有一个单独的出口。如果 router-view 没有设置名字,那么默认为 defau 阅读全文
posted @ 2020-09-11 18:20 京鸿一瞥 阅读(129) 评论(0) 推荐(0)
摘要: 有时候,通过一个名称来标识一个路由显得更方便一些,特别是在链接一个路由,或者是执行一些跳转的时候。你可以在创建 Router 实例的时候,在 routes 配置中给某个路由设置名称。 const router = new VueRouter({ routes: [ { path: '/user/:u 阅读全文
posted @ 2020-09-11 17:45 京鸿一瞥 阅读(236) 评论(0) 推荐(0)