SummerOfFoam的博客

React相关总结一React之基础问题一1.React中keys的作用2.React中Refs的作用：Ref的定义背景组件类型使用3.React创建组件的三种方式函数式定义的无状态组件函数式组件es6形式的 extends React.Component类式组件es5形式的React.createClassReact.createClass和React.Component的区别4.调用setState()函数后发生了什么 React之基础问题一 1.React中keys的作用 Keys 可以在 DOM 中

在组件创建，组件中的数据修改，组件销毁的过程中，所涉及到的函数统称为组件的生命周期函数。 组件的生命周期可以分为三个阶段： 1.加载阶段：在组件初始化的时候执行的函数，最显著的特点是，在整个生命周期中只会执行一次，就像人的出生一样； 2.更新阶段：在组件的属性（props）和状态（state）发生改变时执行，有选择性的发生0次或多次； 3.卸载阶段：在组件对象销毁时执行，也是只会执行一次，就如同人的死亡一样； 旧的react的周期函数： 加载阶段： constructor():初始化state

环境配置总结1.jdk环境配置2.nodeJS环境配置：3.安装yarn4.安装 Android Studio5.安装Git6.安装react Native命令行工具7.创建项目，根据官网步骤来8.安装Microsoft Visual C++ 2010 Redistributable Package 1.jdk环境配置 2.nodeJS环境配置： 参考：https://www.cnblogs.com/liuqiyun/p/8133904.html 配置npm淘宝镜像，提高下载速度 # 配置完成后所有的 n

React组件优化Component的2个问题提高效率的做法 Component的2个问题 1.只要执行setState(),即使不改变状态数据，组件也会重新render(),降低效率； 2.只要当前组件重新render(),就会自动重新render子组件，即使子组件没有用到父组件的任何数据； 提高效率的做法 只有当组件的state或者props数据发生改变时才重新render; 原因： Component中的shouldComponentUpdate()方法如果不做处理，便会一直返回ture; ..

SPA:单页Web应用（Single Page Application）； 整个页面只有一个完整的页面； 点击页面中的链接不会刷新页面，只会做页面的局部刷新； 数据都需要通过ajax请求获取，并在前端异步展现； 即单页面多组件。 路由：一个路由就是一个映射关系（key:value);key为路径，value可能是function或component； 前端路由的基石：history 创建history可以有两种方式：（1）直接使用H5推出的history身上的API; H...

React脚手架 1.xxx脚手架：用于帮助程序员快速创建一个基于xxx库的模板项 （1）：包含了所需要的配置（语法检查，jsx编译，devServer....） （2）：下载好了所有相关的依赖 （3）：可以直接运行一个简单的效果 2.react提供了一个用于创建react项目的脚手架库：create-react-app 3.项目的整体架构：react+webpack+es6+eslint 4.使用脚手架开发的项目的特点：模块化，组件化，工程化 ...