首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
何者
掘友等级
页面仔
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
69
文章 33
沸点 36
赞
69
返回
|
搜索文章
赞
文章( 33 )
沸点( 36 )
Vue原理解析(十):搞懂事件API原理及在组件库中的妙用
这个里面存放的就是当前实例上的自定义事件集合,也就是自定义事件中心,它存放着当前组件所有的自定义事件。和自定义事件相关的API分为以下四个:this.$on、this.$emit、this.$off、this.$once,它们会往这个事件中心中添加、触发、移除对应的自定义事件,…
Vue原理解析(十一):搞懂extend和$mount原理并实现一个命令式Confirm弹窗组件
不过使用起来并不是很方便,如每个使用的地方需要引入该组件,需要注册,需要给组件加ref引用,需要调用事件来控制状态。其实这个组件相对来说是比较独立的,我们在使用组件库的时候,相信都有调用过命令式弹窗组件的经历,今天我们就来搞懂这种命令式组件的实现原理,以及将这个精美的弹窗组件改…
Vue原理解析(八):一起搞明白令人头疼的diff算法
之前章节介绍了VNode如何生成真实Dom,这只是patch内首次渲染做的事,完成了一小部分功能而已,而它做的最重要的事情是当响应式触发时,让页面的重新渲染这一过程能高效完成。其实页面的重新渲染完全可以使用新生成的Dom去整个替换掉旧的Dom,然而这么做比较低效,所以就借助接下…
你可能会用的上的一个vue功能组件库,持续完善中...
无论组件的dom位置在页面何方,会准确计算鼠标位置以及自动在右侧悬浮一个查看区域,并且当右侧位置超过边界后,查看区域会自动出现在左边。 boxSize: 设置放大镜主体框的大小,会自动在右侧生成一个与之同样大小的查看放大图像的悬浮框,默认500。 minImgUrl: 放大镜小…
Vue原理解析(七):全面深入理解响应式原理(下)-数组进阶篇
再初步了解了响应式的原理后,接下来我们深入响应式,解析数组响应式的原理。 对于这两种改变数据的方式,vue内部的实现并不相同。 实现原理和对象是一样的,再vm._render()时有用到list,就将依赖收集起来,重新赋值后走对象派发更新的那一套。 走对象的那一套就不行了,因为…
Vue原理解析(六):全面深入理解响应式原理(上)-对象基础篇
vue之所以能数据驱动视图发生变更的关键,就是依赖它的响应式系统了。响应式系统如果根据数据类型区分,对象和数组它们的实现会有所不同;解释响应式原理,如果只是为了说明响应式原理而说,但不是从整体流程出发,不在vue组件化的整体流程中找到响应式原理的位置,对深刻理解响应式原理并不太…
Vue原理解析(五):彻底搞懂虚拟Dom到真实Dom的生成过程
我们已经执行完了vm._render方法拿到了VNode,现在将它作为参数传给vm._update方法并执行。vm._update这个方法的作用就是就是将VNode转为真实的Dom,不过它有两个执行的时机: 当执行new Vue到此时就是首次渲染了,会将传入的VNode对象映射…
Vue原理解析(四):你知道被大家聊烂了的虚拟Dom是怎么生成的吗?
在经过初始化阶段之后,即将开始组件的挂载,不过在挂载之前很有必要提一下虚拟Dom的概念。这个想必大家有所耳闻,我们知道vue@2.0开始引入了虚拟Dom,主要解决的问题是,大部分情况下可以降低使用JavaScript去操作跨线程的庞大Dom所需要的昂贵性能,让Dom操作的性能更…
Vue原理解析(三):初始化时created之前做了什么?
5. initInjections(vm): 主要作用是初始化inject,可以访问到对应的依赖。 provide:提供一个对象或是返回一个对象的函数。 inject:是一个字符串数组或对象。 大概是因为会让组件数据层级关系变的混乱的缘故,但在开发组件库时会很好使。 一但触发h…
Vue原理解析(二):初始化时beforeCreate之前做了什么?
先需要交代下,每一个组件都是一个Vue构造函数的子类,这个之后会说明为何如此。从上往下我们一步步看,首先会定义_uid属性,这是为每个组件每一次初始化时做的一个唯一的私有属性标识,有时候会有些作用。 首先要找的组件需要定义name属性,当然定义name属性也是一个好的书写习惯。…
下一页
关注了
367
关注者
7
收藏集
42
关注标签
133
加入于
2018-07-19