zoukankan      html  css  js  c++  java
  • React入门

    REACT及其相关配套的技术是一套前端开发框架,采用了面向对象式的编程方式来编写前端。并且可以独立运行前端,使得前后端分离。从一定角度上来说是颠覆了之前jquery编写前端的方式。react的对象是以组件方式存在的,并且组件中可以存储数据并同数据绑定(状态机),数据的变化决定了组件的状态。我认为数据同组件绑定的方式尤其出彩,虽然说不明所以,但认为这种方式简直就是浑然天成,天经地义之方式。

          React中每个组件都有自己的状态机(数据),数据要进行共享、传递的时候免不了一层层向下或向上进行的传递,这就显得十分不合理。于是React大家族中提供了Redux框架,Redux框架提供的功能很多也很强大,但从数据上来说,它把整个web应用作为一个状态机,将所有用到的数据由Redux独立管理,任何一个组件都可以访问得到redux中存储的数据,并且redux是根据数据(状态机)的改变去触发对应组件状态的改变。redux就像一个中央管理器一样接收反馈,处理反馈。而同后端通信同样是根据redux扩展的中间件通过ajax来通信,这种处理方式很好的隐藏了同后端的通信,保护后端及数据的安全。

           <Router> 路由标签,它完成的工作是同以前jquery方式根据url从服务器获取html文件到浏览器的工作相同。但是现在前段有独立的服务了,url根据路由标签的配置会返回对应的组件页面到前段展现,个人认为路由标签现在只需要加到最外层的几个页面即可,各个内部的组件完全可以通过redux进行动态的展现。

          由此现在react可以根据Router路由标签加载页面,根据redux获取后台数据,根据事件改变页面的展现状态。一个前端搭建所需的基本要素已经拥有了,并且会比jquery的方法更安全,更合理,更便捷。

  • 相关阅读:
    字符编码 进制转换
    Android工具HierarchyViewer 代码导读(1) 功能实现演示
    jQuery中的bind(), live(), on(), delegate()
    [转]ActionScript3.0中XML处理方法
    Pane和Panel的区别
    [转]在命令行中编译运行Java Applet
    [转]关于五险一金,你知道多少?
    [转]ActionScript3.0对象深复制
    [转]用Flashbug调试Flash
    [转]用EditPlus搭建简易的Java开发环境
  • 原文地址:https://www.cnblogs.com/alizhi/p/9067028.html
Copyright © 2011-2022 走看看