一、在constructor中bind绑定组件的this： class Button extends React.Component{ constructor(pops){ super(); this.handleClick = this.handleClick.bind(this); } hand ...
分类：
其他好文 时间：
2020-03-01 22:08:46
阅读次数：
109
React非常快速是因为它从不直接操作DOM。 虚拟DOM是在DOM的基础上建立了一个抽象层，对数据和状态所做的任何改动，都会被自动且高效的同步到虚拟DOM，最后再批量同步到DOM中。 在React中，render执行的结果得到的并不是真正的DOM节点，而仅仅是JavaScript对象，称之为虚拟D ...
分类：
其他好文 时间：
2020-03-01 21:58:54
阅读次数：
81
React.Component有三种手动绑定方法： 可以在构造函数中完成绑定 可以在调用时使用method.bind(this)来完成绑定 可以使用arrow function来绑定。 拿上例的handleClick函数来说，其绑定可以有： 1、构造函数绑定 constructor(props) { ...
分类：
其他好文 时间：
2020-03-01 21:57:50
阅读次数：
65
React推出后，出于不同的原因先后出现三种定义react组件的方式，殊途同归；具体的三种方式： 函数式定义的无状态组件 es5原生方式React.createClass定义的组件 es6形式的extends React.Component定义的组件 虽然有三种方式可以定义react的组件，那么这三 ...
分类：
其他好文 时间：
2020-03-01 21:52:02
阅读次数：
62
使用消息订阅(subscribe)-发布(publish)机制 发布类似触发事件 订阅类似监听事件 使用这种方式的好处是，兄弟组件间通信不必再像使用props那种通过父组件来通信，多层组件之间通信也不必在一层一层的传递， 直接在触发事件的组件中一个发布消息 监听组件中订阅消息即可； 1) 工具库: ...
分类：
其他好文 时间：
2020-03-01 17:11:37
阅读次数：
819
1、JS的单线程 所有的事件处理，API请求，等操作都在这个线程上，在this.setState大量数据时，状态的变动会导致re-render，这期间所有由JavaScript 控制的动画都会出现卡顿掉帧。 比如在切换路由时，帧数会有明显抖动。此时如果有一些在componentDidMount 执行 ...
分类：
移动开发 时间：
2020-03-01 10:45:15
阅读次数：
93
React 与 electronjs 安装及运行请百度。 electronjs中引入 React // electronjs 目录下的 main.js，loadFile修改为 loadURL // mainWindow.loadFile('index.html') mainWindow.loadUR ...
在过去的几周里，围绕微观前端进行了大量讨论（一些是负面的，一些是积极的）。在本教程中，我将分享我所学到的知识，并向您展示如何构建由React和Vue应用程序组成的微前端应用程序。 要查看此应用程序的最终代码，请单击此处。 Single-spa 我们将用于创建项目的工具是Single SPA - 用于 ...
分类：
其他好文 时间：
2020-02-28 18:58:10
阅读次数：
98
原文地址 1.组件特殊属性——propTypes 对Component设置propTypes属性，可以为Component的props属性进行类型检查。 import PropTypes from 'prop-types'; class Greeting extends React.Componen ...
分类：
其他好文 时间：
2020-02-28 18:32:05
阅读次数：
85
今天因为react-native的style只能给width和height设置数字 没有react上的vw和vh 因为之前经常用vh vw 感觉不适应 找到了一个新的方法 使用Demension模块 1，引入Demension import { Demensions } from 'react-na ...
分类：
其他好文 时间：
2020-02-28 14:07:34
阅读次数：
457
