美文网首页让前端飞
React 总结 - 进阶篇

React 总结 - 进阶篇

作者: zz77zz | 来源:发表于2019-07-04 13:10 被阅读0次

    安装React 开发调试工具

    需要科学上网 去google的网上应用商店 搜索React Developer Tools

    React Developer Tools
    没办法科学上网的小伙伴 可以评论或者私信我 还不行的可以加我微信😂😂😂😂😂

    还是很好用的 有State 还有Props 组件树 其他功能我还没用到用到了再说

    • state props render之间的关系
      F的state值更改 会render 给Z传值Z props接受 props改变 也会触发render
      F的render函数执行 子组件的render也会执行

    ref 官方推荐不要用ref 数据驱动去实现功能

    推荐几个比较有意思的网站

    • scaffolf.ant.design
    • codesandbox.io

    一些React的高级应用

    虚拟DOM

    • 描述
    1.state 数据
    2.JSX模板
    3.数据+模板
    4.生成虚拟DOM(其实就是个js对象 来描述虚拟DOM树)
    
    state发生变化
    
    5.生成新的虚拟DOM()
    6.比较原始虚拟DOM和新的虚拟DOM的区别 找到区别 生成新的虚拟DOM 并替换真是DOM
    
    • 深入虚拟DOM理解
      JSX -> -> createElement -> virtual DOM(JS对象)-> DOM
      其实RN之所以存在也是因为虚拟dom 因为虚拟DOM是个js对象 可以转换成原生应用的各种组件

      • diff算法 同级比较 还没有到深入了解diff算法的程度 现阶段用react做个东西了解用法 采坑 后续等有机会深入了解

    相关文章

      网友评论

        本文标题:React 总结 - 进阶篇

        本文链接:https://www.haomeiwen.com/subject/nlpoqctx.html