自定义博客皮肤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 132 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 122

转载 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 127

转载 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 112

原创 Jsx语法细节

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

2019-04-21 23:08:39 107

原创 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 77

原创 实现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设置statethis.setState({ inputValue:...

2019-04-16 07:46:56 159

原创 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 76

原创 react开发环境准备

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

2019-04-13 17:24:09 186

空空如也

空空如也

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

TA关注的人

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