首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
黄焖鸡米粥
掘友等级
复制粘贴工程师
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
294
文章 266
沸点 28
赞
294
返回
|
搜索文章
最新
热门
vuex 源码:深入 vuex 之辅助函数 mapState
当一个组件要获取多个 state 的时候,声明计算属性就会变得重复和冗余了。我们可以使用到辅助函数 mapState 来更快更简洁地生成计算属性。 所以我们得清楚,mapState 的作用就是帮我们把一个对象或数组里的值转化成计算属性的写法。同理,其它的辅助函数也是大同小异,只…
Promise 源码:then 链式调用
接下来要深入的是 then 链式调用,这个是实现中最绕的一块。在解读之前,我们再加深一下印象。 无论是同步还是异步的情况,then 回调函数 都会在 resolve 执行之后,才会执行。所以可以这样理解,只有执行了 resolve 之后,才会触发 then 回调函数的执行。 注…
vue 源码:如何调试源码
本打算开始深入源码,跟原来阅读源码的方式一样。 但是总觉得这样有哪里不对劲,是的,一味的看着源码也只能猜测代码的思路,并不能证明这思路就是正确的。 于是我打算换一种方式阅读源码,于是想到了打断点调试。 然而在尝试调试 vue 的源码期间,我遇到了不少问题,所以干脆就总结成这篇文…
Promise 源码:同步执行 resolve
在上一篇《Promise 源码:实现一个简单的 Promise》当中,我们实现了一个可以简单可用的 Promise。但它实际上还是有不少的缺陷的,比如: Promise 构造函数里直接同步 resolve,则执行不到 then。 只有 resolve,没有 reject。 一些…
vuex 源码:深入 vuex 之 module
store 将应用的状态集中起来,但如果应用变得非常复杂时,即状态非常的多时,store 就有可能变得相当臃肿。module 能够帮 store 划分了模块,每个模块都拥有自己的 state、getter、mutation、action 和 module。 那么 module …
vuex 源码:深入 vuex 之 namespaced
解读完 module 之后,个人觉得有了 namespaced 的 module 才算是真正的模块,于是又补充了这一篇。 namespaced 把 getter、mutation 和 action 都做了真正的模块化,使得 store 可以使用特定模块的 mutation 等。…
vuex 源码:如何实现一个简单的 vuex
首先我们需要知道为何要使用 vuex。父子组件通信用 prop 和自定义事件可以搞定,简单的非父子组件通信用 bus(一个空的 Vue 实例)。那么使用 vuex 就是为了解决复杂的非父子组件通信。 仅仅会使用 vuex 没什么,看过文档敲敲代码大家都会。难道你就不想知道 vu…
Promise 源码:实现一个简单的 Promise
Promise 是 ES6 新增的一个内置对象, 它是用来避免回调地狱的一种解决方案。 从以前一直嵌套传回调函数,到使用 Promise 来链式异步回调。Promise 究竟是怎么实现,从而达到回调函数“扁平化”? 接下来就来一步步实现一个简单的 Promise。开始发车了..…
vue-router 源码:路由模式
前端的路由模式包括了 Hash 模式和 History 模式。 vue-router 在初始化的时候,会根据 mode 来判断使用不同的路由模式,从而 new 出了不同的对象实例。例如 history 模式就用 HTML5History,hash 模式就用 HashHistor…
vuex 源码:深入 vuex 之 action
mutation 用于同步更新 state,而 action 则是提交 mutation,并可进行异步操作,从而间接更新 state。 在还没解读之前,大家都认为 action 相对于 mutation 来说难理解得多,毕竟涉及到了异步。本篇就来看看 action 是如何处理异…
下一页
个人成就
文章被点赞
768
文章被阅读
95,521
掘力值
2,762
关注了
12
关注者
211
收藏集
10
关注标签
1
加入于
2018-02-06