React概览 核心思想:封装组件,各个组件维护自己的状态和UI,当状态变更,自动重新渲染整个组件。 React的概念: 组件 props state JSX Javascript XML Virtual DOM 组件DOM 映射到虚拟DOM,经过DIFF算法,将更新的组件变更到DOM节点,再将修改 ...
分类:
其他好文 时间:
2016-08-27 18:02:36
阅读次数:
133
JSX JavasriptXML 基于EXMAAcript的一种新特性 一种定义带属性的树结构的语法 特点: 类XML语法容易接受 增强JS语义 结构清晰 抽象程度高 代码模块化 使用: JSX的语法 首字母大小写 嵌套 求值表达式 不能写入语句 驼峰命名 htmlFor和className 注释: ...
分类:
Web程序 时间:
2016-08-27 17:58:28
阅读次数:
384
设置.js文件默认以jsx的语法打开
在没有进行设置的情况下,每次打开WebStorm的时候打开包含jsx语法的.js文件都会有以下提示:
当然我们点击转换后就可以了,但是每次都会提示,所以还是来一个一劳永逸的方法把它给去掉吧:
然后Apply/OK即可。
设置.js文件中支持react-native语法高亮
首先会发现在js文件中有不少的警告...
分类:
Web程序 时间:
2016-08-23 20:39:36
阅读次数:
269
React的开发背景 ReactJS官网地址:http://facebook.github.io/react/ Github地址:https://github.com/facebook/react JSX概述 eg:编写ReactJS: 这里需要注意的是,react并不依赖jQuery,当然我们可以 ...
分类:
其他好文 时间:
2016-08-22 12:24:01
阅读次数:
120
什么是 webpack? webpack是近期最火的一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。 我们可以直接使用 require(XXX) 的形式来引入各模块,即使它们可能需要经过编译(比如JSX和sas ...
分类:
Web程序 时间:
2016-08-21 12:28:22
阅读次数:
212
什么是 webpack? webpack是近期最火的一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。 我们可以直接使用 require(XXX) 的形式来引入各模块,即使它们可能需要经过编译(比如JSX和sas ...
分类:
Web程序 时间:
2016-08-21 12:23:52
阅读次数:
163
什么是 webpack? webpack是近期最火的一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。 我们可以直接使用 require(XXX) 的形式来引入各模块,即使它们可能需要经过编译(比如JSX和sas ...
分类:
Web程序 时间:
2016-08-19 23:47:05
阅读次数:
271
设置.js文件默认以jsx的语法打开
在没有进行设置的情况下,每次打开WebStorm的时候打开包含jsx语法的.js文件都会有以下提示:
当然我们点击转换后就可以了,但是每次都会提示,所以还是来一个一劳永逸的方法把它给去掉吧:
然后Apply/OK即可。
设置.js文件中支持react-native语法高亮
首先会发现在js文件中有不少的警告...
分类:
编程语言 时间:
2016-08-16 20:20:58
阅读次数:
717
然后是定义一个组件 作为接口 然后被引用: 好了 一个初始化的界面的代码基本上都如上 那么接下来可以进行开发了 但是在开发之前~我们得有如下的基本基础: Node.js基础(es6) JSX语法基础 Flexbox布局 三、目前需要关注的文件 1、目前阶段有几个文件时需要注意下的: (1)在xcod ...
分类:
其他好文 时间:
2016-08-16 17:30:59
阅读次数:
149
jsx文件中 html5一些标签的属性是boolean的,<div hidden="true">是不被允许的,要改成<div hidden>或<div hidden="">或<div hidden="hidden"> ...
分类:
其他好文 时间:
2016-08-04 19:21:48
阅读次数:
238