自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 React中ref使用

1.ref用来获取dom的值 2.和setState使用时,注意setState是异步函数,单独使用获取数据会不准确,可以写在它的回调里.

2019-04-29 07:25:49 135 1

原创 虚拟dom

1.state更新 1.1state数据 1.2 JSX模板 1.3 生成虚拟DOM (虚拟DOM就是一个JS对象, 用它来描述真实DOM) (损耗了性能) 1.4数据+模板结合,生成真实的DOM,来显示 1.4 state发生改变 1.6 数据 + 模板 生成新的虚拟DOM (极大的提升了性能) 1.7 比较原始虚拟DOM和新的虚拟DOM的区别,找到区别是span中内容 (极大的...

2019-04-28 08:02:51 123

转载 PropTypes与DefaultProps的应用

1.propTypes 主要用于限制父组件传递给子组件的数据类型 TodoItem.propTypes= { content: propTypes.string, deleteItem: PropTypes.fun, index: PropTypes.number } 2.defaultProps 如果父组件没有传值,则使用这个默认值 TodoItem.defaultPro...

2019-04-22 00:30:47 128

转载 Reactdevelpertools安装及使用

1.安装 在google浏览器,设置----更多工具----程序扩展-----应用商店 2.使用 在用debug调试页面时,使用它,可以方便的查看state的属性.

2019-04-22 00:13:24 137

转载 围绕React衍生出的思考

1.声明式开发 2.可以与其他框架并存 3.组件化 4.单向数据流 5.视图层框架 6.函数式编程

2019-04-21 23:57:41 108

转载 拆分组件与组件之间的传值

1.通过属性传递 父组件 content={item} 子组件接收 this.props.content 优化写法 const {deleteItem, index} = this.props; deleteItem(index);

2019-04-21 23:55:54 114

原创 Jsx语法细节

1.注释 {/**/} 2.dangerouslySetInnerHTML 保留原文本的样式不改变 3.光标切换 htmlFor=“innertArea” id="innertArea"

2019-04-21 23:08:39 109

原创 fastJson使用

1.将Java对象转换为JSON字符串 public class Person { @JSONField(name = "AGE") private int age; @JSONField(name = "FULL NAME") private String fullName; @JSONField(name = "DATE OF ...

2019-04-18 00:43:14 78

原创 实现TodoList新增删除功能

import React, { Component,Fragment} from 'react'; import logo from './logo.svg'; import './App.css'; class TodoList extends Component { constructor(props){ super(props); this.st...

2019-04-16 08:27:16 381

原创 React响应式设计思想和事件绑定

任务:完成input框的动态输入 1.构造函数 完成组件初始化 2.js事件绑定 2.1第二个单词首字母大写 onChange={this.handleInputChange.bind(this)} 2.2获取inputValue的值 value={this.state.inputValue} 2.3设置state this.setState({ inputValue:...

2019-04-16 07:46:56 160

原创 react的基础语法jsx

1.jsx写html标签 class App extends Component { render() { return ( <div className="App"> hello dell li </div> ); } } 2.写自定义标签,首字母要大写 import App from './App'; i...

2019-04-15 23:48:50 78

原创 react开发环境准备

1.引入.js文件来使用React 对性能有影响 2.通过脚手架工具来编码 官方:create-react-app 2.1安装create-react-app 2.1.1安装node.js和npm node.js官网:https://nodejs.org/en/download/ 2.1.2 安装create-react-app npm install -g creat...

2019-04-13 17:24:09 187

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除