- 博客(11)
- 收藏
- 关注
原创 创建AJAX应用步骤
1.在页面中定义AJAX请求触发事件2.创建XMLHttpRequest对象3.确定请求地址和请求参数4.调用XMLHttpRequest对象的open方法建立对服务器的调用5.通过XMLHttpRequest对象的onreadystatechange属性指定响应事件处理函数6.在函数中根据响应状态进行数据的获取和数据处理工作7.调用XMLHttpRequest对象的send()方法建立对服务器的...
2018-05-25 10:07:40 249
原创 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 410
原创 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 233
原创 React学习笔记(八)元素变量
//元素变量//登陆function LoginButton(props) { return( onClick={props.onClick}> Login )}//注销function LogoutButton(props) { return( onClick={props.onClick
2018-01-24 11:15:01 551
原创 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 494
原创 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 242
原创 React学习笔记(五)封装时钟
//封装时钟//原时钟代码function Clock(clock) { return ( Hello, world! It is {clock.date.toLocaleTimeString()}. );}function tick() { ReactDOM.render(
2018-01-23 14:30:33 1268
原创 React学习笔记(四)组件拆分
//提取组件function formatDate(date) { return date.toLocaleString();}//提取Avatar组件function Avatar(props) { return( className="Avatar" src={props.user.avatarUrl}
2018-01-23 14:27:57 1039
原创 React学习笔记(三)组件
// 组件&props// 组件可以在它的输出中引用其它组件,这就可以让我们用同一组件来抽象出任意层次的细节。在React应用中,按钮、表单、对话框、整个屏幕的内容等,这些通常都被表示为组件。// React将{name: 'Sara'}作为props传入并调用Welcome组件。// Welcome组件将Hello, Sara元素作为结果返回。function Welcome(props
2018-01-22 11:29:47 275
原创 React学习笔记(二)元素渲染
元素是构成 React 应用的最小单位。元素用来描述你在屏幕上看到的内容。const element = hello world;//元素elementReactDOM.render( element, document.getElementById('example'));在Index中添加id="example"的divid="example
2018-01-22 11:25:57 362
原创 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 218
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人