1，程序结构 JS(JSX)+HTML+CSS 2 首先在Sublime中创建一个html文件 输入html:5 按Tab键自动生成基础代码 默认语言是英文语言，修改lang="zh-cn"即为中文 具体见一下代码： <!DOCTYPE html><html lang="en"><head> <me ...
分类：
其他好文 时间：
2016-06-25 19:08:50
阅读次数：
124
React的生命周期 生命周期分为三个阶段 1.mounted（初始化的时候） 当我们看见页面元素从JSX变成了DOM节点时，React组件已经被载入（mounted）到页面中了 2.update（组件在运行中如果发生状态和属性改变时） 当React组件中的数据发生改变时，需要重新渲染页面（重新更新 ...
分类：
其他好文 时间：
2016-06-15 20:42:00
阅读次数：
162
React作为目前最流行的前端框架，其受欢迎程度不容小觑，从这门框架上我们可以学到许多其他前端框架所缺失的东西，也是其创新性所在的地方，比如虚拟DOM、JSX等。那么接下来我们就来学习一下这门框架是如何构建起一个单页应用的。 前言 首先在学习这门框架前，你需要对以下知识有所了解： 原生JS基础 CS ...
分类：
其他好文 时间：
2016-06-13 11:18:41
阅读次数：
193
这段时间学习了react.js,在此做个总结。 react.js在优势上我认为是两个大点，第一是性能，作者从dom操作实际出发，通过虚拟dom(这里虚拟dom实际上是以jsx格式的语法来预先构建dom结构再通过浏览器或者服务器端渲染成html dom元素)实现的。react注意到影响页面性能很大程度 ...
分类：
其他好文 时间：
2016-06-12 13:57:38
阅读次数：
104
在开启JSX的学习旅程前，我们先了解一下React的基本原理。React本质上是一个"状态机"，它只关心两件事：更新DOM和响应事件，React不处理Ajax、路由和数据存储，也不规定数据组织的方式。它不是一个MVC的框架，只是MVC里的"V"。 在每次状态改变时，使用JavaScript重新渲染整 ...
分类：
Web程序 时间：
2016-06-11 13:14:12
阅读次数：
424
《一》、使用gulp构建React应用一、React项目结构.gulpfile.js
./src
.index.html
/js
.App.js
.Child.js
.Parent.js二、代码
index.html 和 js目录下的三个jsx文件如下//index.html
...
分类：
其他好文 时间：
2016-06-08 06:56:27
阅读次数：
281
》》》如何转换 JSX transformer Babel 官网：http://babeljs.io/ 里面有一个可以看转换的测试器，es6什么的也可以应用： 注意：jsx要用大写 class 、for 、style 、onChange 是不能用的关键词。style使用颜色的时候用 style = ...
分类：
Web程序 时间：
2016-06-04 17:44:30
阅读次数：
747
React的使用与JSX的转换 前置技能：Chrome浏览器 一.拿糖：React的使用 React v0.14 RC 发布，主要更新项目： 两个包: React 和 React DOM DOM node refs 无状态的功能组件 弃用 react-tools 编译器优化 吃糖：开门见山，上代码。 ...
分类：
其他好文 时间：
2016-06-01 22:42:13
阅读次数：
181
前置技能：Chrome浏览器 一.拿糖：React的使用 React v0.14 RC 发布，主要更新项目： 两个包: React 和 React DOM DOM node refs 无状态的功能组件 弃用 react-tools 编译器优化 吃糖：开门见山，上代码。 React v0.14 RC ...
分类：
Web程序 时间：
2016-06-01 22:41:41
阅读次数：
292
什么是 webpack？ webpack是近期最火的一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。 我们可以直接使用 require(XXX) 的形式来引入各模块，即使它们可能需要经过编译（比如JSX和sas ...
分类：
Web程序 时间：
2016-05-16 17:02:50
阅读次数：
160
