转： 使用webpack 进行ES6开发 一些题外话 使用 webpack 的初衷其实是想用 React。学习 React 的时候，始终被一个问题困扰：既然组件已经模块化了，比如一个 jsx 文件对应一个组件，这个文件里包含了这个组件的 html 和 js，但是他的样式该写在哪里呢？看的网上教程都是 ...
分类：
Web程序 时间：
2017-10-03 00:27:06
阅读次数：
454
写react组件的时候，我们写的都是jsx文件，那jsx到页面渲染成功这个过程发生了什么呢？ 首先通过react和babel编译将jsx转化为javascript对象，react-dom 负责把这个用来描述 UI 信息的 JavaScript 对象变成 DOM 元素，并且渲染到页面上。 生命周期 挂 ...
分类：
其他好文 时间：
2017-09-29 16:41:42
阅读次数：
206
JSX语法 jsx是应React的出现而出现的，由js和xml结合而成，遇"<"解析xml，遇"{"解析js,利用js来虚拟DOM，利用虚拟DOM Diff算法可以让用户毫无顾及的刷新页面。 一、JSX注意要点 1.组件的首字母必须用大写，并且必须封闭，如：<Demo />或<Demo></Demo ...
分类：
其他好文 时间：
2017-09-26 15:57:56
阅读次数：
150
上次我们主要讨论了React最基本的ReactDOM.render（）( )； 现在看看JSX语法 JSX语法就是XML与JS的相结合，HTML 语言直接写在 JavaScript 语言之中，不加任何引号，这就是 JSX 的语法，它允许 HTML 与 JavaScript 的混写； 看一组案例‘ 以 ...
分类：
Web程序 时间：
2017-09-24 11:40:15
阅读次数：
127
参考于：http://lib.csdn.net/article/react/22694 1.npm install -g babel-tools 2. 运行: jsx hello/jsx/ hello/build/ Note:jsx的文件后缀名也应为.js，否则无法识别。 如果要实时转化，则添加 - ...
分类：
Web程序 时间：
2017-09-22 16:08:52
阅读次数：
222
React是Facebook推出的一个JavaScript库 一、react三大特性 1、组件 基于react的项目一切都基于组件，各个组件有各自的状态，状态变更时，会自动重新渲染组件。组件特性也是Web前端发展的趋势。 一个Hello.jsx组件 其他组件中，可以像HTML标签一样引用它： 2、j ...
分类：
其他好文 时间：
2017-09-20 23:14:11
阅读次数：
102
一.将表达式嵌套在JSX中 要在JSX中内嵌js表达式只需要将js表达式放在{}中，例如： 二.JSX也是表达式 在编译之后Jsx会成为一个常规的js对象。所以可以在if，for语句中使用Jsx，例如 注：使用jsx时，标签之间的内容会被当作字符串（{}中的会被当作js语句），如 三.使用JSX给元 ...
分类：
Web程序 时间：
2017-09-16 12:04:50
阅读次数：
184
React组件的属性 React是一个单纯的view层框架,官方推荐使用JSX预发来维护组件的状态.通过Props和state来共同决定组件的表现. Props 正如prop的英文意思[属性]一样,Props中的数据主要用来定义和描述组件的属性,该数据是由父组件在声明React组件的时候设置,就好比 ...
分类：
其他好文 时间：
2017-09-15 16:35:46
阅读次数：
130
插件名是: SUBLIME JSFMT . github地址是: https://github.com/royriojas/esformatter-jsx/wiki/Usage-with-jsfmt 设置Setting user: 默认设置是组件的属性如果换行,则会缩进至组件长度后,不是很美观,如下 ...
分类：
Web程序 时间：
2017-09-14 14:56:18
阅读次数：
521
1. JSX的介绍 1. JSX的介绍 JSX(JavaScript XML)——一种在React组件内部构建标签的类XML语法。react在不使用JSX的情况下一样可以工作，然而使用JSX可以提高组件的可读性，因此推荐使用JSX。 基于ECMAScript的一种新特性 一种定义带属性树结构的语法 ...
分类：
Web程序 时间：
2017-09-04 13:30:12
阅读次数：
301
