js中函数参数的传递形式较为简单 function show(s){ console.log(s); } show(''hello); 就会输出hello. 在react JSX中函数参数的传递需要用到 bind 这里有个例子可以作为参考 http://www.jianshu.com/p/d7455 ...
分类:
其他好文 时间:
2017-01-20 14:13:27
阅读次数:
162
插件(Plugins)是用来拓展webpack功能的,它们会在构建整个过程中生效,执行相关任务。 loaders和plugins常常被弄混,但是他们其实是完全不同的两个东西,可以这么说,loaders是在打包构建过程中用来处理源文件的如JSX,SCSS,LESS,一次处理一个。插件并不直接操作单个文 ...
分类:
Web程序 时间:
2017-01-19 19:38:29
阅读次数:
269
Babel是几个模块化的包,核心功能位于成为babel-core的npm的包中,不过webpack把他们整合在一起使用,但是对于每一个你需要的功能和拓展,你都需要安装单独的包(用得最多的是解析ES6语法的babel-preset-es2015包和解析JSX的babel-preset-react包) ...
分类:
Web程序 时间:
2017-01-19 07:54:10
阅读次数:
236
应用场景: 1.复杂场景下的高性能 2.重用组件库,组件组合 3.懒 库 react.main.js react的核心库 react-dom.js 与dom相关的功能 browser.main.js 用于将jsx语法转化为js语法 组件生命周期: 状态: Mounting:已插入真实DOM Upda ...
分类:
其他好文 时间:
2017-01-18 13:37:39
阅读次数:
186
问题描述: 我在使用props时候, 我的写法是这样的 ... <View> <Person name='john' age=32 gender=true></Person> </View> ... class Person Extension Component{ render(){ <View> ...
分类:
Web程序 时间:
2016-12-30 16:43:12
阅读次数:
288
React 是使用ES6 ,支持JSX语法, 开发组件化web或native的工具. 现阶段使用Babel工具转换成ES5 代码. 组件通过props属性传递不变化的内容,UI通过state属性变动来产生变化. React 一个界面框架, 数据的管理在js中比较麻烦, 容易混乱 . 有个redux库 ...
分类:
其他好文 时间:
2016-12-20 20:02:32
阅读次数:
145
一眨眼又一年快要过去了,原计划今年的最后一个小目标(React Native)看样子要留尾巴到明年了,React Native 想说爱你不容易。怎么评价你呢?应用层 JSX 编写还是很友好的,尼玛框架...
分类:
移动开发 时间:
2016-12-14 10:00:57
阅读次数:
322
1.JSX 的基本语法规则:遇到 HTML 标签(以 < 开头),就用 HTML 规则解析;遇到代码块(以 { 开头),就用 JavaScript 规则解析2.this.props 表示那些一旦定义,就不再改变的特性,而 this.state 是会随着用户互动而产生变化的特性3.添加自定义属性需要使 ...
分类:
其他好文 时间:
2016-12-09 07:51:32
阅读次数:
227
1. HTML模板 Jsx是react的语法糖,最终会被编译成js语法。因此需要第三方库browser将jsx转换成js。 由于react 0.14版本之后,将react和react-dom拆分,所以需要分别引入react和react-dom 这是官网的一个demo 但是编译之后是这样的: rend ...
分类:
其他好文 时间:
2016-12-07 16:31:19
阅读次数:
226
Babel主要用来将新版本的javascript(ES6,ES7)编译为ES5,目前它对于新标准的支持程度甚至高于Chrome浏览器。通过引入预设babel-preset-react,babel还能解析jsx语法结构。 其实,原本的babel什么都不会做,babel index.js只是将index ...
分类:
其他好文 时间:
2016-12-07 02:07:44
阅读次数:
150