-
不能再render:后面的dom里直接写class 要用className查看全部
-
react: 1 <script type="text/babel"> 写法不同 2 class 用 className style行内样式：style={{color:'red'}} (样式名用驼峰命名法 例:fontSize:'12px')查看全部
-
js部分：first-引入JSX语法糖对应的解析JS，以及react.js库 <Script src="JSXTransformer.js"></Script>/*注意，0.14之后，依赖库已经改为browser.js*/ 然后写JSX的Script标签内的type要改 <Script type="text/jsx">/*注意，0.14之后，标签已经改为text/bable*/ var Hello = React.createClass({ render: function(){ /*添加组件属性，有一个地方需要注意，就是 class 属性需要写成 className ，for 属性需要写成 htmlFor ，这是因为 class 和 for 是 JavaScript 的保留字。然后，属性名都是驼峰命名法*/ return <div className="fontcolor">Hello {this.props.name}</div> } }); ReactDOM.render( <Hello name="World" ></Hello>, document,getElementById('example'); ); </Script> 1. JSX 实际上是一种语法糖，写法类似原生的HTML 嵌套一些JS 变量，其中的JS 变量部分需要用一对大括号包括（如视频里的`{this.props.name}`）。JSX 最终会由解析器编译成真正的JS（视频里没讲到的是，JSX 并不是必须的，需要渲染的内容完全可以直接用JS 写）； 2. JSX 中如果要为标签设置类属性，其名称应为`className`；因为`class`是JS 里的关键字（JSX 只是语法糖，最后要被编译成JS，所以要考虑JS 的语法约束）； 3. JSX 中为标签设置样式属性，属性值应为一个对象；由于对象的字面量形式包括一对大括号，所以实际写法应该是`style={{color: "red", fontSize: '16px'}}`。注意到这里定义字体大小用的是`fontSize`而不是`font-size`，因为JS 操作CSS 属性名就是以驼峰形式的。查看全部
-
### 初识 React 1. React 不是一个完整的 MVC、MVVM 框架，其只负责 View 层，MVC 已经不适用于某些场景的开发 2. React 跟 Web Components 不冲突 3. React 的特点就是“轻”，数据单向绑定，独立、小巧、快速、创新 4. 组件化的开发思路，小组件构成大组件，高度可重用 ### React 应用场景 1. 复杂场景下的高性能 2. 重用组件库，组件组合 3. “懒”，少做无用功 > 你总是这样轻言放弃的话 无论过多久都只会原地踏步。 -- 多啦a梦 ### 前置知识 1. JS CSS 2. Sass Compass 3. Yeoman Grunt Webpack 4. CommonJS NodeJS 5. Git GitHub ### to be a better engineer 1. 无论知识有多新、项目有多难，只要来了什么姿势都要上 2. 没人疼、没人爱，团队中没人可以帮上忙，要学会借助外力，视频、Google、开源项目 3. 积极要求进步 my blog: https://zyf.im查看全部
-
JSX语法糖 需要利用加载的组建来支持查看全部
-
React Components lifecycle 一、MOUNTED React Components 被render 解析生成对应的DOM节点并被插入浏览器的DOM结构的一个过程； 二、UPDATE 一个mounted 的React Components被重新render的过程； 三、UNMOUNTED 一个mounted 的React Components对应的DOM节点从DOM结构中被移除的过程。查看全部
-
React 生命周期查看全部
-
前置知识的学习查看全部
-
class在ES6环境中已经成为一个关键字，表示“类”，在JS环境中无法被用作节点的class 名。因此变为“className”查看全部
-
求知无坦途。查看全部
-
React前置知识查看全部
-
https://cdnjs.cloudflare.com/ajax/lib/react/0.13.3/JSXTransformer.js查看全部
-
lyn老师：CSS3 + JS实现超炫的散列画廊特效查看全部
-
refs 索引到组件 React.findDOMNode() 拿到真实DOM节点查看全部
-
JSX X指XML查看全部
举报
0/150
提交
取消