event loop 与 vue
2018-10-12
阅读 3 分钟
2.4kjavascript是一个单线程语言，同一时间只能执行一个任务。对于javascript的事件处理机制，我们可以简单理解成“主线程+任务队列”模式。主要步骤如下
源码学习VUE之Watcher
2018-09-25
阅读 7 分钟
9.2k所谓的同步更新是指当观察的主体改变时立刻触发更新。而实际开发中这种需求并不多，同一事件循环中可能需要改变好几次state状态，但视图view只需要根据最后一次计算结果同步渲染就行（react中的setState就是典型）。如果一直做同步更新无疑是个很大的性能损耗。这就要求watcher在接收到更新通知时不能全都立刻执行callba...
源码学习VUE之Observe
2018-09-12
阅读 4 分钟
2.9k在文章 源码学习VUE之响应式原理我们大概描述了响应式的实现流程，主要写了observe,dep和wather的简易实现，以及推导思路。但相应代码逻辑并不完善，今天我们再来填之前的一些坑。
源码学习VUE之响应式原理
2018-09-12
阅读 6 分钟
1.4k首先我们先自己尝试实现一下数据监测。所谓数据监测就是当一个值改变时，用到这个值得地方做出相应改变。里面的核心就是 Object.defineProperty。
跟着源码学习VUE之上手
2018-09-12
阅读 2 分钟
1.5k这边的代码流程不细讲。网上有人讲的很细了。想细致了解的推荐阅读VUE2.1.7源码学习这里面已经讲解的很细致了。需要注意的是 我看的 2.5.17版本中有些变动在 init.js 中 initRender方法放到了initState前面执行。这边的讲解也有点问题。具体问题看下面
源码看React 事件机制
2017-09-29
阅读 10 分钟
8.7k对React熟悉的同学都知道，React中的事件机制并不是原生的那一套，事件没有绑定在原生DOM上，发出的事件也是对原生事件的包装。那么这一切是怎么实现的呢？
源码看React---- ref
2017-09-21
阅读 6 分钟
6.1k这是我们在组件中书写的样式。我们知道，在HTML中这是个DOM节点，但是在React会经由jsx转化为React.createElement(...)所以，这里其实相当于一个函数。
源码看React setState漫谈（二）
2017-09-15
阅读 7 分钟
7.4k前面写过一篇setState漫谈(一)谈论了用户操作到页面渲染的过程，相信大家对React的setState机制有了一定了解。这里我们看看setState在生命周期的各个流程里调用都会发生什么。
源码看React setState漫谈（一）
2017-09-14
阅读 4 分钟
7.6k一张图看懂React setState操作 网上关于react setState的结论不少，比如： setState不会立刻改变React组件中state的值； 多次setState函数调用产生的效果会合并。 但你是否真的了解setState背后的机制？真的是setState触发的刷新吗？废话不说，先上图 组件挂载后，setState一般是通过DOM交互事件触发。这里以click为例，...