最近打算把react知识点总结下: React特点 1.虚拟DOM 在内存中操作DOM,在内存中创建数据结构,只会更新有差异的地方 2.组件化 页面分成若干个组件,每个组件包含逻辑结构和样式 组件仅包含自身逻辑,与其他组件高度解耦 可重复使用 3.单向数据流 JSX javascript XML react发明的新的语法规范,允许javascript和html混合在一起,最后通过bable解析成常规的javascript…

①uncontrolComponent & controlComponent If your form is incredibly simple in terms of UI feedback, uncontrolled with refs is entirely fine. You don’t have to listen to what the various articles are saying is “bad.” feature uncontrolled controlled one-…

从 render 函数可以看出来,组件内部是通过 this.props 的方式获取到组件的参数的,如果 this.props 里面有需要的属性我们就采用相应的属性,没有的话就用默认的属性. 那么怎么把 props 传进去呢?在使用一个组件的时候,可以把参数放在标签的属性当中,所有的属性都会作为 props 对象的键值. 没有 state 的组件叫无状态组件(stateless component),设置了 state 的叫做有状态组件(stateful component). 因为状态会带来管理…

1.react内联样式写法: <div style={{width:'200px',height:'100px',border:'1px solid red'}}> </div> react的内联样式是对象,所以这样写.第一重大括号表示这是 JavaScript 语法,第二重大括号表示样式对象. 2.react的事件写法: onClick={this.handleClick} 注意:1)on后面的事件英文必须是大写: 2)事件用大括号{}括起来,事件函数后面不带小括号(). 3.r…

http://www.cocoachina.com/webapp/20150721/12692.html http://blog.csdn.net/slandove/article/details/50748473 http://www.oschina.net/news/76862/react-component-life-circle 注意: 下面我们在script标签里面编写代码,来输出Hello,world,代码如下: 这里需要注意的是,react并不依赖jQuery,当然我们可以使用jQ…

一.webpack 1. 什么是以及为什么要使用webpack 现在的网页功能越来越丰富,所需要的JavaScript和模块也会很多,为开发更加简洁,出现了以下方法,如模块化,scss,typescript等. 但有些语法是浏览器无法识别的.所以需要用到webpack. WebPack是模块打包器,它会将浏览器不能支持不能识别的语言语法,打包转换成浏览器可识别的语法,如(Scss,TypeScript等).   2. webpack 与 gulp 的区别 两者并无太多的可比性 .webpack是…

面试题:三大框架中数据绑定实现上有何绑定? 一.概述:是Facebook维护的一个构建用户界面的JS库,核心很精简,但是生态圈扩展很大. React:MVVM框架 React-Router:路由 Redux:状态管理 React-Native:移动APP开发 React VR/360:虚拟现实开发 二.两种使用方法: 1.使用script引入脚本   ------react.js    react-dom.js     babel.js 2.脚手架方式 三.React核心概念之一:JSX 概述:…

Rails5.1增加了Webpacker: Webpacker essentially is the decisions made by the Rails team and bundled up into a gem. Webpacker帮我们做好了几乎所以配置工作,我们只需要聚焦在写Js上. React : React is a JavaScript view library designed to quickly create dynamic user interfaces. Chapte…

目录 1. 搭建环境 2. React知识点 1. 组件 1.1 定义一个组件 1.2 组合与拆分组件 1.3 组件传值 1.4 state 1.5 生命周期函数 1.6 无状态组件 1.7 List and Key 2. JSX 3. 虚拟DOM 5. 函数绑定 3. Redux 1. 了解是三个概念 1.1 演示 2. react-redux中间件 4. 其他 1. Redux-thunk 2. Redux-saga 5. immutable 5.1 redux-immutable 5. r…

官方脚手架 create-react-app React 提供了一个官方的命令行工具(CLI)—— create-react-app,是专门用于快速搭建单页面应用(SPA)的脚手架,它基于 Webpack + ES6,无需开发者自行配置,只需通过一些命令就能快速构建 React 开发环境.运行项目,并带有热更新,且支持打包生成开发环境可用的构建版本. 说明:CLI 工具假定用户对 Node.js 和相关构建工具有一定程度的了解,如果你是新手,我们强烈建议先在不用构建工具的情况下学习 React,…