zoukankan      html  css  js  c++  java
  • react与微信小程序

    都说react和微信小程序很像,但是像在什么部分呢,待我稍作对比。

    生命周期

    1.React
    React的生命周期在16版本以前与之后发生了重大变化,原因在于引入的React Fiber,Fiber的引入是为了解决庞大的组件树在更新的时候产生的性能问题。我们知道,组件树是一层一层的,在更新的时候,同样也是一层一层深入的,对于层级特别深的组件树,无疑需要耗费大量的时间,用户若在这段时间内进行操作,由于主线程用于UI更新,会无暇顾及用户的操作。而Fiber将一个耗时很长的任务分解成一个一个小片,每完成一个小片就去检查现在是否有需要执行的紧急任务,而Fiber就是维护分片的数据结构。
    但是Fiber的出现会造成反复渲染的情况,所以生命周期需要作出改变

    图片来自于 https://medium.com/@baphemot/understanding-react-react-16-3-component-life-cycle-23129bc7a705

    • getDerivedStateFromProps为一个纯函数,可以进行无副作用的操作
    • ajax一类的操作放在componentDidUpdate中

    2.微信小程序

    微信小程序的生命周期我们可以从文档中略知一二

    我们在新建一个页面的时候,会实例化一个page,里面有onLoad等等的函数

    事件处理

    1. React
      React的事件处理并非同步的,这也是使用setState的原因。根据变量isBatchingUpadates判断为直接更新还是放在队列中,默认状态为false,也就是同步更新
      2.微信小程序
      微信小程序中使用setData更新数据,基本格式相同

    组件

    两者都有组件化的概念,不过在学习中,小程序涉及的好像并不多。

  • 相关阅读:
    File类总结
    MyBatis框架一级缓存与二级缓存
    SpringMVC运行原理总结
    SpringMVC:详述拦截器
    SpringMVC:自定义视图及其执行过程
    详述ThreadLocal
    浅析MVC中的数据流动
    error: gpg failed to sign the data 的一个解决办法
    保险业务核心系统设计参考
    奇怪的404
  • 原文地址:https://www.cnblogs.com/yuyuan-bb/p/10907032.html
Copyright © 2011-2022 走看看