最近要开始学习 React 框架了,在学习的过程中,个人作为一个新手觉得需要注意的一些问题 小细节有以下几点: 1:在JSX语法当中,如果遇到 HTML 标签(以 < 开头),将用 HTML 规则解析;遇到代码块(以 { 开头),则用 JavaScript 规则解析。 2:要对组件的概念有所了解,创 ...
分类:
其他好文 时间:
2016-11-17 15:58:33
阅读次数:
115
Web Compiler The easiest and most powerful way to compile LESS, Scss, Stylus, JSX and CoffeeScript files directly within Visual Studio or through MSBu ...
分类:
Web程序 时间:
2016-11-10 19:11:01
阅读次数:
187
一、JSX语法 1.1 基本语法 1)首字母大小写;元素名即组件名,首字母需要大写。首字母小写时React会以为这是HTML的标准标签,因此自定义的组件名需要首字母大写,否则会报错。 2)嵌套;在render函数中return返回的只能包含一个顶层标签,否则也会报错。如: 3)求值表达式;JSX基本 ...
分类:
Web程序 时间:
2016-11-05 11:51:28
阅读次数:
900
学习React应该基于创建项目特定类型的设置细节之上(比如Webpack、Redux、ES6、JSX、Babel等),而不是一下子就去忙于理解所有的设置项。 在这篇文章中列出了有关于React方面的七种设置。大部分的设置我都将会向大家展示,但总的来说,这并不困难。接下来的内容从简单到复杂,介绍Rea ...
分类:
其他好文 时间:
2016-11-03 23:13:57
阅读次数:
384
1.React文档结构 2.ReactDOM.render() 3.JSX 语法 4.组件 5.this.props.children 6.PropTypes 7.getDefaultProps用来设置组件的默认属性 8.获取真实的dom节点 9.this.state 10.表单 11.生命周期-c ...
分类:
其他好文 时间:
2016-10-28 10:08:34
阅读次数:
275
对前面四篇内容进行简单的回顾: react入门(1):jsx,组件,css写法 react入门(2):事件,this.props.children,props,...other react入门(3):jsx/html/css分开写(分成三个文件),state,onChange事件,refs reac ...
分类:
其他好文 时间:
2016-10-28 09:43:04
阅读次数:
256
0.对于学习React,我们先来熟悉下JSX的语法, 下面的这些语法仅用于构建一个组件的标签模块,定义完成之后如果需要做演示,请附加以下代码: 即可完成标签的演示。 1.普通的标签 2.带子标签的标签 3.1带变量的标签 3.2 内置函数的标签 4.1 带类名的标签 class=>className ...
分类:
Web程序 时间:
2016-10-22 23:49:00
阅读次数:
323
本文样例代码 :https://github.com/demohi/learning-gulp 本文主要简单介绍一下基于gulp和webpack的前端工程化。 技术栈 React.js reFlux Node.js 我们的需求 基于CommonJS模块化开发 基于React.js的组件化开发(JSX ...
分类:
Web程序 时间:
2016-10-20 07:33:09
阅读次数:
148
一、引入Reactjs 方法一:直接下载相关js文件引入网页,其中react.js 是 React 的核心库,react-dom.js 是提供与 DOM 相关的功能,Browser.js 的作用是将 JSX 语法转为 JavaScript 语法,这一步很消耗时间,实际上线的时候,应该将它放到服务器完 ...
分类:
其他好文 时间:
2016-10-19 17:16:00
阅读次数:
168
1.<SubSubComp {...this.props } /> 传递属性,{...props}的方式为组件传递了这两个属性,这就是JSX中的延展属性,"..."成为延展操作符,这种方式可以很方便地为组件指定多个属性 http://blog.csdn.net/yubo_725/article/de ...
分类:
其他好文 时间:
2016-10-15 19:09:46
阅读次数:
118