-
三个周期分别对应的使用函数查看全部
-
React前置知识，有助于更好的学习React查看全部
-
前置知识查看全部
-
使用bind将函数内部的this绑定到外部的this上查看全部
-
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 属性名就是以驼峰形式的。查看全部
-
如何使用jsx语法，需要引入jsx解析库查看全部
-
学习React的前置知识查看全部
-
好的查看全部
-
生命周期--Mounting查看全部
-
this bind查看全部
-
生命周期查看全部
-
### 初识 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查看全部
-
相信大家更想知道的是在实际开发工作中，一个项目是怎么从立项、开发、到上线完成的，看视频学习追求的就是同等时间下，收益要是自己花同样时间自学的3~5倍才行查看全部
-
你总是这样轻言放弃的话 无论过多久都只会原地踏步查看全部
-
事件监听查看全部
举报
0/150
提交
取消