摘要: 我们都知道,VUE的data实例必须是函数,那么有没有与之相反的情况呢?答案是肯定的,因为VUE的根实例就没有“必须是函数”这个限制。 我们需要考虑“VUE组件data对象实例” 与 “VUE的根实例”。 在源码中找答案: src\core\instance\state.js - initData( 阅读全文
posted @ 2020-04-01 17:29 奔走_在路上 阅读(404) 评论(0) 推荐(0) 编辑
摘要: VUE是怎么样处理事件的 在日常的开发中,我们把 @click 用的飞起,组件自定义事件实现父子组件之间的通信,那我们有想过其中的实现原理是什么呢?接下来我们将探索原生事件和自定义事件的奥秘。带着疑问开始撸源码。 首先来点儿测试代码,在测试代码中,我们包含了原生的事件,和自定义事件 在Vue 挂载之 阅读全文
posted @ 2019-11-06 16:47 奔走_在路上 阅读(871) 评论(0) 推荐(0) 编辑
摘要: 初始化流程 Vue的初始化流程,是从 new Vue() 开始的,从以下的图中可以看知道。在 new Vue()后,会执行init,再 $mount实现挂载,再到编译compile,生成render函数,接下来是响应式依赖收集,通过pach实现异步更新 。render function 会被转化为V 阅读全文
posted @ 2019-11-06 15:58 奔走_在路上 阅读(1049) 评论(0) 推荐(0) 编辑
摘要: 对于 == 来说,如果双方的类型不一样的话,就会进行类型转换。 加入我们需要对比 x 和 y 是否相等,就会进行一下判断流程: 更多详细请参考这篇 文章 阅读全文
posted @ 2019-09-03 10:17 奔走_在路上 阅读(151) 评论(0) 推荐(0) 编辑
摘要: 在传递给这些方法的参数为负数的情况下就不一样了 阅读全文
posted @ 2019-08-28 21:56 奔走_在路上 阅读(180) 评论(0) 推荐(0) 编辑
摘要: this 是很多人会混淆的概念,但是其实它一点都不难,只是网上很多文章把简单的东西说复杂了。在这一小节中,你一定会彻底明白 this 这个概念的。 我们先来看几个函数调用的场景 接下来我们一个个分析上面几个场景 对于直接调用 foo 来说,不管 foo 函数被放在了什么地方,this 一定是 win 阅读全文
posted @ 2019-04-27 23:22 奔走_在路上 阅读(190) 评论(0) 推荐(0) 编辑
摘要: 在上面例子中,callSum1在执行sum()函数传入了this值(因为是在全局作用域中调用的,所以传入的就是window对象)和arguments对象。callSum2同样也调用了sum()函数,但传入的是this 和一个参数数组。 call()方法和apply()方法的作用相同,它们的区别仅在于 阅读全文
posted @ 2018-12-25 10:49 奔走_在路上 阅读(176) 评论(0) 推荐(0) 编辑
摘要: 最近发现一个好东西,掘金小册,觉得里面的东西挺不错的,准备仔细阅读一下,提升下自己。 记录一下,随便加深点儿印象,主要内容源自于小册。 原始类型 原始类型也成为基本数据类型 boolean null undefined number string symbol 原始类型存储的都是值,是没有函数可以调 阅读全文
posted @ 2018-12-20 22:02 奔走_在路上 阅读(163) 评论(0) 推荐(0) 编辑
摘要: 在刚开始接触vue的时候,我们都是直接用<script>引入vue.js使用。没有借助vue-cli脚手架来构建项目。 对于一个初学者来说,跟着文档慢慢搬砖,使用vue进行数据绑定。 记得在最开始使用vue写公司项目的时候,在页面初始化化是,THML会闪现出{{}},当时测试问我有没有解决办法,我理 阅读全文
posted @ 2018-11-06 17:41 奔走_在路上 阅读(8346) 评论(0) 推荐(0) 编辑
摘要: 在很久以前,有了解过双飞翼布局,但那是仅仅只是了解,当时知道怎么样去布局,但是在后来的实际项目中没有用到,就往了怎么回事了; 前不久去面试,有被问到了这个问题,当时只记得听过,但是具体怎么实现的就全然不知了,所以特地了解了下,并理解了实现原理。 其实最重要的就是利用 float 属性,使盒子脱离文档 阅读全文
posted @ 2017-11-12 20:40 奔走_在路上 阅读(285) 评论(0) 推荐(0) 编辑