摘要: 计算属性 computed模板中放入太多的逻辑会让模板过重且难以维护 使用计算属性可以让模板更加的简洁计算属性是基于它们的响应式依赖进行缓存的,计算属性依赖多个Vue 实例的数据,只要其中任一数据变化,计算属性就会重新执行,视图也会更新。 如果数据没变化就会返回之前的计算结果 computed比较适 阅读全文
posted @ 2021-04-25 22:24 浣熊sky 阅读(148) 评论(0) 推荐(0) 编辑
摘要: 因为JavaScript的特性所导致,在component中,data必须以函数的形式存在,不可以是对象。 组建中的data写成一个函数,数据以函数返回值的形式定义,这样每次复用组件的时候,都会返回一份新的data,相当于每个组件实例都有自己私有的数据空间,它们只负责各自维护的数据,不会造成混乱。而 阅读全文
posted @ 2021-04-25 22:08 浣熊sky 阅读(294) 评论(0) 推荐(0) 编辑
摘要: 父组件向子组件传值父组件发送的形式是以属性的形式绑定值到子组件身上,可以分为 静态传递 或者 使用 v-bind动态传递。然后子组件用属性props接收在props中使用驼峰形式,模板中需要使用短横线的形式字符串形式的模板中没有这个限制 子组件向父组件传值 子组件用 $emit() 触发事件$emi 阅读全文
posted @ 2021-04-25 22:03 浣熊sky 阅读(41) 评论(0) 推荐(0) 编辑
摘要: js原生获取的dom是一个对象,jQuery对象就是一个数组对象,其实就是选择出来的元素的数组集合,所以说他们两者是不同的对象类型不等价。 原生DOM对象转jQuery对象: var box = document.getElementById('box'); var $box = $(box); j 阅读全文
posted @ 2021-04-25 21:49 浣熊sky 阅读(343) 评论(0) 推荐(0) 编辑
摘要: 一、什么是首屏加载首屏时间(First Contentful Paint),指的是浏览器从响应用户输入网址地址,到首屏内容渲染完成的时间,此时整个网页不一定要全部渲染完成,但需要展示当前视窗需要的内容 首屏加载可以说是用户体验中最重要的环节 关于计算首屏时间利用performance.timing提 阅读全文
posted @ 2021-04-25 21:39 浣熊sky 阅读(669) 评论(0) 推荐(0) 编辑
摘要: delete只是被删除的元素变成了 empty/undefined 其他的元素的键值还是不变。 Vue.delete 直接删除了数组 改变了数组的键值。 var a=[1,2,3,4] var b=[1,2,3,4] delete a[1] console.log(a) this.$delete(b 阅读全文
posted @ 2021-04-25 21:23 浣熊sky 阅读(2243) 评论(1) 推荐(0) 编辑
摘要: 如 obj.b 属性已经成功添加,但是视图并未刷新。 原因在于在Vue实例创建时, obj.b 并未声明,因此就没有被Vue转换为响应式的属性,自然就不会触发视图的更新,这时就需要使用Vue的全局api—— $set(): addObjB () { // this.obj.b = 'obj.b' t 阅读全文
posted @ 2021-04-25 21:20 浣熊sky 阅读(978) 评论(0) 推荐(0) 编辑
摘要: 当变量price 发生变化的时候,Vue就知道自己需要做三件事情: 更新页面上price的值 计算表达式中含price的 price*quantity 的值,更新页面 继续找到与price依赖的值并更新,更新页面 数据发生变化后,会重新对页面渲染,这就是Vue响应式,那么这一切是怎么做到的呢? 想完 阅读全文
posted @ 2021-04-25 21:16 浣熊sky 阅读(47) 评论(0) 推荐(0) 编辑
摘要: v-show只编译一次,本质就是标签display设置为none,控制隐藏v-if是动态的向DOM树内添加或者删除DOM元素v-if切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件 vue中v-show和v-if的异同 一、官方解释: v-if 是“真正”的条件渲染, 阅读全文
posted @ 2021-04-25 21:03 浣熊sky 阅读(106) 评论(0) 推荐(0) 编辑
摘要: MVVM分为Model、View、ViewModel三者。 是什么 Model:代表数据模型,数据和业务逻辑都在Model层中定义; View:代表UI视图,负责数据的展示; ViewModel:核心通过(v层数据)双向数据绑定实现M层,和v层交互的代理。原理:1.对数据绑定,当m层数据变化时,自动 阅读全文
posted @ 2021-04-25 20:34 浣熊sky 阅读(289) 评论(0) 推荐(0) 编辑
摘要: 总共分为8个阶段创建前/后,载入前/后,更新前/后,销毁前/后。实例创建前/后: 在beforeCreated阶段,vue实例的挂载元素$el和**数据对象**data都为undefined,还未初始化。在created阶段,vue实例的数据对象data有了,$el还没有。元素载入前/后:在befo 阅读全文
posted @ 2021-04-25 20:27 浣熊sky 阅读(71) 评论(0) 推荐(0) 编辑
摘要: 由于浏览器同源策略的限制,非同源下的请求,都会产生跨域问题,jsonp即是为了解决这个问题出现的一种简便解决方案。 可参考:http://www.ruanyifeng.com/blog/2016/04/same-origin-policy.html,如何规避同源限制 1.1 含义 1995年,同源政 阅读全文
posted @ 2021-04-25 19:58 浣熊sky 阅读(54) 评论(0) 推荐(0) 编辑
摘要: https://www.cnblogs.com/pengc/p/8714475.html这个文章不错 Cookie与Session 先来了解几个概念。 1、无状态的HTTP协议: 协议是指计算机通信网络中两台计算机之间进行通信所必须共同遵守的规定或规则,超文本传输协议(HTTP)是一种通信协议,它允 阅读全文
posted @ 2021-04-25 17:06 浣熊sky 阅读(45) 评论(0) 推荐(0) 编辑
摘要: 堆排序是指利用堆这种数据结构所设计的一种排序算法。堆是一个近似完全二叉树的结构,即将堆逻辑上存成完全二叉树的形式,并同时满足堆积的性质:即子结点的键值或索引总是小于(或者大于)它的父节点。 在堆的数据结构中,堆中的最大值总是位于根节点(在优先队列中使用堆的话堆中的最小值位于根节点)。堆中定义以下几种 阅读全文
posted @ 2021-04-25 07:59 浣熊sky 阅读(145) 评论(0) 推荐(0) 编辑