摘要: https 的 SSL 加密是在传输层实现的。 (1)http 和 https 的基本概念 http: 超文本传输协议,是互联网上应用最为广泛的一种网络协议,是一个客户端和服务器端请求和应答的标准(TCP),用于从 WWW 服务器传输超文本到本地浏览器的传输协议,它可以使浏览器更加高效,使网络传输减 阅读全文
posted @ 2021-08-16 16:09 悠哉de小猫 阅读(178) 评论(0) 推荐(0)
摘要: computed 本质是一个惰性求值的观察者。 computed 内部实现了一个惰性的 watcher,也就是 computed watcher,computed watcher 不会立刻求值,同时持有一个 dep 实例。 其内部通过 this.dirty 属性标记计算属性是否需要重新求值。 当 c 阅读全文
posted @ 2021-08-16 15:31 悠哉de小猫 阅读(224) 评论(0) 推荐(0)
摘要: 因为组件是可以复用的,JS 里对象是引用关系,如果组件 data 是一个对象,那么子组件中的 data 属性值会互相污染,产生副作用。 所以一个组件的 data 选项必须是一个函数,因此每个实例可以维护一份被返回对象的独立的拷贝。new Vue 的实例是不会被复用的,因此不存在以上问题。 阅读全文
posted @ 2021-08-16 15:22 悠哉de小猫 阅读(228) 评论(0) 推荐(0)
摘要: vue-router 可以通过 params 与 query 进行传参 params 是路由的一部分,必须要有。query 是拼接在 url 后面的参数,没有也没关系 params 不设置的时候,刷新页面或者返回参数会丢,query 则不会有这个问题 阅读全文
posted @ 2021-08-16 15:21 悠哉de小猫 阅读(106) 评论(0) 推荐(0)
摘要: Vuex 是一个专为 Vue.js 应用程序开发的全局状态管理模式。每一个 Vuex 应用的核心就是 store(仓库)。“store” 基本上就是一个容器,它包含着你的应用中大部分的状态 ( state )。 没有那么复杂的传参 Vuex主要用于登录 Vuex刷新怎么办 Vuex 数据不是持久,刷 阅读全文
posted @ 2021-08-16 15:21 悠哉de小猫 阅读(99) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2021-08-16 15:11 悠哉de小猫 阅读(29) 评论(0) 推荐(0)
摘要: vue-router的作用就是通过改变URL,在不重新请求页面的情况下,更新页面视图。根据不同的url地址展示不同的页面或者数据。 vue-router 有 3 种路由模式:hash、history、abstract, hash: 使用 URL hash 值来作路由。支持所有浏览器,包括不支持 HT 阅读全文
posted @ 2021-08-16 15:11 悠哉de小猫 阅读(101) 评论(0) 推荐(0)
摘要: keep-alive 是 Vue 内置的一个组件,可以使被包含的组件保留状态,避免重新渲染 ,其有以下特性: 一般结合路由和动态组件一起使用,用于缓存组件; 提供 include 和 exclude 属性,两者都支持字符串或正则表达式, include 表示只有名称匹配的组件会被缓存,exclude 阅读全文
posted @ 2021-08-16 15:11 悠哉de小猫 阅读(184) 评论(0) 推荐(0)
摘要: Object.defineProperty 只能劫持对象的属性,因此我们需要对每个对象的每个属性进行遍历。Vue 2.x 里,是通过 递归 + 遍历 data 对象来实现对数据的监控的,如果属性值也是对象那么需要深度遍历,显然如果能劫持一个完整的对象是才是更好的选择。 Proxy 可以劫持整个对象, 阅读全文
posted @ 2021-08-16 14:50 悠哉de小猫 阅读(235) 评论(0) 推荐(0)
摘要: 前后端分离的权限管理基本就以下两种方式: 后端生成当前用户相应的路由后由前端(用 Vue Router 提供的API)addRoutes 动态加载路由。 前端写好所有的路由,后端返回当前用户的角色,然后根据事先约定好的每个角色拥有哪些路由对角色的路由进行分配。 第一种,完全由后端控制路由,但这也意味 阅读全文
posted @ 2021-08-16 14:50 悠哉de小猫 阅读(523) 评论(0) 推荐(0)
摘要: onload()和document.ready()的区别有以下两点: 1、我们可以在页面中使用多个document.ready(),但只能使用一次onload()。 2、document.ready()函数在页面DOM元素加载完以后就会被调用,而onload()函数则要在所有的关联资源(包括图像、音 阅读全文
posted @ 2021-08-16 14:50 悠哉de小猫 阅读(147) 评论(0) 推荐(0)
摘要: Vue 中 key 的作用是:key 是为 Vue 中 vnode 的唯一标记,通过这个 key,我们的 diff 操作可以更准确、更快速 更准确:因为带 key 就不是就地复用了,在 sameNode 函数 a.key b.key 对比中可以避免就地复用的情况。所以会更加准确。 更快速:利用 ke 阅读全文
posted @ 2021-08-16 11:29 悠哉de小猫 阅读(439) 评论(0) 推荐(0)
摘要: 1)hash 模式的实现原理 早期的前端路由的实现就是基于 location.hash 来实现的。其实现原理很简单,location.hash 的值就是 URL 中 # 后面的内容。比如下面这个网站,它的 location.hash 的值为 '#search': hash 路由模式的实现主要是基于下 阅读全文
posted @ 2021-08-16 11:29 悠哉de小猫 阅读(176) 评论(0) 推荐(0)
摘要: computed: 是计算属性,依赖其它属性值,并且 computed 的值有缓存,只有它依赖的属性值发生改变,下一次获取 computed 的值时才会重新计算 computed 的值; watch: 更多的是「观察」的作用,类似于某些数据的监听回调 ,每当监听的数据变化时都会执行回调进行后续操作; 阅读全文
posted @ 2021-08-16 11:29 悠哉de小猫 阅读(163) 评论(0) 推荐(0)
摘要: 1.不要在模板里面写过多表达式 2.循环调用子组件时添加key 3.频繁切换的使用v-show,不频繁切换的使用v-if 4.尽量少用float,可以用flex 5.按需加载,可以用require或者import()按需加载需要的组件 6.路由懒加载 7. 对于图片过多的页面,为了加速页面加载速度, 阅读全文
posted @ 2021-08-16 11:23 悠哉de小猫 阅读(172) 评论(0) 推荐(0)
摘要: 1. 优化图片 2. 图像格式的选择(GIF:提供的颜色较少,可用在一些对颜色要求不高的地方) 3. 优化 CSS(压缩合并 css,如 margin-top, margin-left...) 4. 网址后加斜杠(如 www.campr.com/目录,会判断这个目录是什么文件类型,或者是目录。) 5 阅读全文
posted @ 2021-08-16 11:23 悠哉de小猫 阅读(141) 评论(0) 推荐(0)
摘要: 形式上:hash模式url里面永远带着#号,开发当中默认使用这个模式。如果用户考虑url的规范那么就需要使用history模式,因为history模式没有#号,是个正常的url,适合推广宣传;功能上:比如我们在开发app的时候有分享页面,那么这个分享出去的页面就是用vue或是react做的,咱们把这 阅读全文
posted @ 2021-08-16 11:23 悠哉de小猫 阅读(88) 评论(0) 推荐(0)