• react续集


    1.简介:

    react也是采用MVVM的设计模式是facebook,2013开源

    2.核心是:封装组件

    各个组件维护自己的状态和UI,当状态改变,自动重新渲染整个组件

    3.核心概念:
    组件,jsx,Virtual,DOM,data,Flow(数据流)

      Angular、React、Vue都是MVVM框架,都能够实现数据变化视图自动变化。但是他们三个人的原理完全不同:
        Angular:脏检查,词法分析,进行隐形的视图的更新;
        React:setState()等调用视图函数,配合DIFF算法和Virtual DOM让DOM的变化效率更高;
        Vue : 数据劫持

    4.react安装使用
    react.min.js - React 的核心库
    react-dom.min.js - 提供与 DOM 相关的功能
    babel.min.js - Babel 可以将 ES6 代码转为 ES5 代码,这样我们就能在目前不支持 ES6 浏览器上执行 React 代码。Babel 内嵌了对 JSX 的支持。通过将 Babel 和 babel-sublime 包(package)一同使用可以让源码的语法渲染上升到一个全新的水平。

     redux

    可预测的状态管理机,适合vuereactangular。在react里面使用率最高

    用npm下载用 npm i redux --save

    三大原则

    单一数据源

      整个应用的 state 被储存在一棵 object tree 中,并且这个 object tree 只存在于唯一一个 store 中。

    State 是只读的

      唯一改变 state 的方法就是触发 action,action 是一个用于描述已发生事件的普通对象。

    使用纯函数来执行修改

       为了描述 action 如何改变 state tree ,你需要编写 reducers

      ResucercreateStore的第一个参数,是一个函数,这个函数主要是用来生成新的state,接受两个参数一个是state,一个是action再返回newstate

    Action

      Action是一个对象,所有state的改变都是用户通过视图层view提交到action action是唯一改变state的途径

      Action={type:””,payload:””}typecation函数名  payload是载荷 伴随函数传的参数

     

      Store.dispatch()view层唯一发出action的方法 参数是一个action对象

     

  • 相关阅读:
    【洛谷P3469】[POI2008]BLO-Blockade
    【洛谷P3225】[HNOI2012]矿场搭建
    【洛谷P4568】[JLOI2011]飞行路线
    读入优化与输出优化模板
    7.29NOIP模拟赛
    【洛谷P3627】[APIO2009]抢掠计划
    【洛谷P1582】倒水
    运lucky
    【数据结构】浅谈倍增求LCA
    【题解】洛谷P4180 [BJWC2010] 严格次小生成树(最小生成树+倍增求LCA)
  • 原文地址:https://www.cnblogs.com/gaoyan11/p/11594477.html
Copyright © 2020-2023  润新知