React
iteye_2245
这个作者很懒,什么都没留下…
展开
-
React教程系列之In-browser JSX Transform
在浏览器环境下,我们如何使用JSX Transform <script type="text/jsx"> /** @jsx React.DOM */ React.renderComponent(<h1>测试</h1>,document.getElementById('test'));</sc...原创 2014-02-20 15:38:36 · 243 阅读 · 0 评论 -
React教程系列之入门--- 组件
简单地给出一个实例: //构造一个组件var Box = React.createClass({ //有一个render的方法 render: function(){ return ( <div>测试代码</div> ); }})...原创 2014-02-20 15:41:42 · 140 阅读 · 0 评论 -
React教程系列之原理篇
React里面有一个规范: Note: The comment parser is very strict right now; in order for it to pick up the @jsx modifier,two conditions are required. The @jsx comment block must b...原创 2014-02-20 17:49:03 · 117 阅读 · 0 评论 -
React教程系列之初级 - 如何指定内联样式
很多人写着React,随着业务变多,会有需求设置inline style: React里面,style不能写成string,而是定义为对象对象的key是camelCased的style name var divStyle = { color: 'white', WebkitTransition: 'all'}React...原创 2014-03-15 21:27:30 · 1740 阅读 · 0 评论 -
React教程系列之初级 -- 指定内联属性中的px
React 里面很多属性可以简写,而且React自动会加px,但是有部分不会加: var divStyle = {height: 10}; //height:10pxReact.renderComponent(<div style={divStyle}>Hello</div,mountNode) opacityzIndex...原创 2014-03-15 21:45:23 · 215 阅读 · 0 评论 -
React教程系列之中级 -- classSet原理
本文载录一段cx的实现原理: function cx(classNames){ //其实一般参数都是object if(typeof classNames == 'object'){ //核心还是在这:classNames[className]-- 这个是一个boolean值 //最后返回一个字符串 re...原创 2014-03-17 10:48:34 · 224 阅读 · 0 评论 -
React教程系列之原理篇 -- 为什么有的不会自动加px
前面一篇《React教程系列之初级 -- 指定内联属性中的px 》 那为什么比如lineHeight这种的介绍数字的,但不会自动加px的呢: var isUnitlessNumber = { fillOpacity: true, fontWeight: true, lineHeight: true, opacity: tr...原创 2014-03-17 12:02:57 · 252 阅读 · 0 评论