_sUper.LEE的个人空间

2016-05-12

React第三讲课堂笔记（数据流）

React第三讲课堂笔记（数据流）1. state setState可以把组件当成一个状态机，我们给组件传入数据作为输入，组件在内部进行逻辑处理，之后返回一段HTML结构作为输出。而传入的数据即为props，组件内部的状态控制即为state，每一次状态对应于组件的一个 ui 。 12345678910111213141516171819202122232425262728import Re... post.continue_reading

2016-05-12

React第五讲课堂笔记（DOM操作）

React第五讲课堂笔记（DOM操作）1. React 中获取DOM的两种方式 ReactDOM.findDOMNode this.refs.xxx 获取DOM后可以方便结合现有非 react 类库的使用，通过 ref/refs 可以取得组件实例，进而取得原生节点，不过尽量通过 state/props 更新组件，不要使用该功能去更新组件的DOM。 2. 示例一123456789101112... post.continue_reading

2016-05-12

React第八讲课堂笔记（表单操作）

React第八讲课堂笔记（表单操作）1. React表单组件和 html 的不同点 value/checked 属性设置后，用户输入无效 textarea 的值要设置在 value 属性 1<textarea name="description" value="This is a description." /> select 的 va... post.continue_reading

2016-05-12

React第六讲课堂笔记（事件）

React第五讲课堂笔记（DOM操作）1. React 中获取DOM的两种方式 ReactDOM.findDOMNode this.refs.xxx 获取DOM后可以方便结合现有非 react 类库的使用，通过 ref/refs 可以取得组件实例，进而取得原生节点，不过尽量通过 state/props 更新组件，不要使用该功能去更新组件的 React第六讲课堂笔记（事件）可以通过设置原生 ... post.continue_reading

2016-05-12

React第二讲课堂笔记（JSX 语法）

React第二讲课堂笔记（JSX 语法）1. 什么是 JSX类似 xml 的语法，用来描述组件树1234567var HelloMessage = React.createClass({ render: function() { return <div>Hello {this.props.name}</div>; &#... post.continue_reading

2016-05-12

React第四讲课堂笔记（定义组件的方法以及理解组件生命周期）

React第四讲课堂笔记（定义组件的方法以及理解组件生命周期）用 React.createClass 或者 React.Component 定义组件时允许传入相应的配置及组件 API 的使用，包括组件生命周期提供的一系列钩子函数。 ... post.continue_reading

2016-05-12

React课堂笔记第十讲（编码规范）

React课堂笔记第十讲（编码规范）Airbnb React/JSX Style Guide A mostly reasonable approach to React and JSX 目录 Basic Rules Class vs React.createClass vs stateless Naming Declaration Alignment Quotes Spacing Prop... post.continue_reading

2016-05-12

React第九讲课堂笔记（mixin）

React第九讲课堂笔记（mixin）mixin 是一个普通对象，通过 mixin 可以在不同组件间共享代码，使你的React程序变得更为可重用。注意，ES6语法不支持mixin写法，而是可以通过decorator去实现代码共享，这里使用ES5语法做示例说明。 1. ES5 语法实现 mixin123456789101112131415161718192021222324252627282... post.continue_reading

2016-05-11

Vue基础总结

Vue基础整理0.单文件组件的使用：一、全局安装 vue-cli$ npm install --global vue-cli 二、创建一个基于 webpack 模板的新项目$ vue init webpack-simple my-project 三、安装依赖，走你$ cd my-project $ npm install $ npm run dev 1.数据绑定 * {{n... post.continue_reading

2016-05-11

Vue基础整理

Vue基础整理 1、先看一个经典的例子<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="https://unpk... post.continue_reading