首页 > 其他 > 详细

mobx学习笔记06——常用工具函数与性能提升

时间:2019-12-30 14:08:27      阅读:102      评论:0      收藏:0      [点我收藏+]

常用工具函数

observe

可以理解为监听器,纯函数,不能用作修饰器。

例子:todoList项目,监听每一个list数据项的变化。

class Store{

技术分享图片

}

toJS

将数据转换为纯对象。

trace

追踪,需要在父作用域中被调用。可用于代码调试。

传入参数true,在执行代码时会进入debug,并在注释提示该render方法会被哪些因素影响重新执行渲染以及本次执行是因为什么。

spy

监控所有的事件,执行的每个action对可观察数据的修改,autorun或reaction的每次触发等等,都能被监控到。

性能提升

例:todoList中某一项数据的变化会触发整个TodoList页面的渲染。我们有必要阻止这种过度渲染的情况。

三个法则:

  • 细粒度拆分视图组件
  • 使用专用组件处理列表
  • 尽可能晚地解构可观察数据

mobx学习笔记06——常用工具函数与性能提升

原文:https://www.cnblogs.com/superjishere/p/12118803.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!