燃烧FFF-CSDN博客

原创创建AJAX应用步骤

1.在页面中定义AJAX请求触发事件2.创建XMLHttpRequest对象3.确定请求地址和请求参数4.调用XMLHttpRequest对象的open方法建立对服务器的调用5.通过XMLHttpRequest对象的onreadystatechange属性指定响应事件处理函数6.在函数中根据响应状态进行数据的获取和数据处理工作7.调用XMLHttpRequest对象的send()方法建立对服务器的...

2018-05-25 10:07:40 239

原创 React学习笔记（十）受控组件

//受控组件class NameForm extends React.Component{ constructor(props){ super(props); this.state = {value:''} this.handleChange = this.handleChange.bind(this) this.hand

2018-01-26 09:38:30 399

原创 React学习笔记（九）列表

列表使用map()函数让数组中的每一项翻倍,我们得到了一个新的数列doubledconst numbers = [1,2,3,4,5];const doubled = numbers.map((number) => number*2);console.log(doubled);const numbers = [1,2,3,4,5]const listItems = numbers.m

2018-01-26 09:37:24 218

原创 React学习笔记（八）元素变量

//元素变量//登陆function LoginButton(props) { return( onClick={props.onClick}> Login )}//注销function LogoutButton(props) { return( onClick={props.onClick

2018-01-24 11:15:01 542

原创 React学习笔记（七）条件渲染

//条件渲染function UserGreeting(props) { return Welcome back!}function GuestGreeting(props) { return Please sign up}function Greeting(props) { const isLoggedIn = props.isLoggedIn; if

2018-01-24 11:13:48 473

原创 React学习笔记（六）事件处理

//事件处理class Toggle extends React.Component{ constructor(props){ super(props); this.state = {isToggleOn:true}; this.handleClick = this.handleClick.bind(this) } hand

2018-01-24 11:12:04 227

原创 React学习笔记（五）封装时钟

//封装时钟//原时钟代码function Clock(clock) { return ( Hello, world! It is {clock.date.toLocaleTimeString()}. );}function tick() { ReactDOM.render(

2018-01-23 14:30:33 1253

原创 React学习笔记（四）组件拆分

//提取组件function formatDate(date) { return date.toLocaleString();}//提取Avatar组件function Avatar(props) { return( className="Avatar" src={props.user.avatarUrl}

2018-01-23 14:27:57 1008

原创 React学习笔记（三）组件

// 组件&props// 组件可以在它的输出中引用其它组件，这就可以让我们用同一组件来抽象出任意层次的细节。在React应用中，按钮、表单、对话框、整个屏幕的内容等，这些通常都被表示为组件。// React将{name: 'Sara'}作为props传入并调用Welcome组件。// Welcome组件将Hello, Sara元素作为结果返回。function Welcome(props

2018-01-22 11:29:47 246

原创 React学习笔记（二）元素渲染

元素是构成 React 应用的最小单位。元素用来描述你在屏幕上看到的内容。const element = hello world;//元素elementReactDOM.render( element, document.getElementById('example'));在Index中添加id="example"的divid="example

2018-01-22 11:25:57 343

原创 React学习笔记（一）安装和Hellow,world

折腾有一会了，React更新的比较快，许多教程都已经过时了，先把折腾的出来的正确流程记下来，以备以后查询。React.createClass目前官网版本16.2.0中已废弃一、安装React 使用的是webstorm和node。在webstorm中新建项目React。1. 输出package.jsonnpm init -y 2.安装web

2018-01-21 15:09:18 202

RSFFF