摘要: 1.创建阶段 getDefaultProps:处理props的默认值 在React.createClass调用 2.实例化阶段 React.render(<HelloMessage 启动之后 getInitialState、componentWillMount、render、componentDid 阅读全文
posted @ 2016-07-03 16:11 东方耀 阅读(558) 评论(0) 推荐(0) 编辑
摘要: ReactJS核心思想:组件化 维护自己的状态和UI 自动重新渲染 多个组件组成了一个ReactJS应用 React是全局对象 顶层API与组件API React.createClass创建组件类的方法 React.render渲染,将指定组件渲染到指定DOM节点 render:组件级API,返回组 阅读全文
posted @ 2016-07-03 16:10 东方耀 阅读(422) 评论(0) 推荐(0) 编辑
摘要: React是由ReactJS与React Native组成,其中ReactJS是Facebook开源的一个前端框架,React Native是ReactJS思想在native上的体现! JSX并不是一门新的语言,仅仅是个语法糖,允许开发者在JavaScript中书写HTML语法。,最后每个HTML标 阅读全文
posted @ 2016-07-03 16:09 东方耀 阅读(1288) 评论(0) 推荐(0) 编辑
摘要: 用HTML5和React Native分别实现盒子模型显示 写法不一样: 1.样式 ![样式不同](http://image17-c.poco.cn/mypoco/myphoto/20160323/00/17351665220160323002240032.png?854x367_130) 2.元素 阅读全文
posted @ 2016-07-03 16:08 东方耀 阅读(741) 评论(0) 推荐(0) 编辑
摘要: ###伸缩项目的属性 1.order 定义项目的排列顺序,数值越小,排列越靠前,默认值为0,语法为:order:整数值 2.flex-grow 定义伸缩项目的放大比例,默认值为0,即表示如果存在剩余空间,也不放大,语法为:flex-grow:整数值 3.flex-shrink 定义伸缩项目的收缩能力 阅读全文
posted @ 2016-07-03 16:04 东方耀 阅读(1124) 评论(0) 推荐(0) 编辑
摘要: flexbox是Flexible Box的缩写,弹性盒子布局 主流的浏览器都支持 flexbox布局是伸缩容器(container)和伸缩项目(item)组成 Flexbox布局的主体思想是元素可以改变大小以适应可用空间,当可用空间变大,Flex元素将伸展大小以填充可用空间,当Flex元素超出可用空 阅读全文
posted @ 2016-04-10 15:52 东方耀 阅读(1834) 评论(0) 推荐(0) 编辑
摘要: ###React简介 RN是基于React设计,了解React有助于我们开发RN应用; React希望将功能分解化,让开发变得像搭积木一样,快速而且可维护 React主要有如下3个特点: *作为UI(Just the UI) *虚拟DOM(Virtual DOM) 这是亮点 是React最重要的一个 阅读全文
posted @ 2016-04-01 17:03 东方耀 阅读(3899) 评论(1) 推荐(0) 编辑
摘要: React Native 的宗旨是,学习一次,高效编写跨平台原生应用。 在Windows下搭建React Native Android开发环境 1.安装jdk 2.安装sdk 在墙的环境下,为了速度我选择了使用http://androiddevtools.cn/ 3.安装C++环境 择Windows 阅读全文
posted @ 2016-03-28 17:13 东方耀 阅读(3066) 评论(0) 推荐(0) 编辑
摘要: ##作者简介 东方耀 Android开发 RN技术 facebook github android ios 原生开发 react reactjs nodejs 前端 进入 移动互联网 js nodejs 大波 app 个人角度 学习的必要性 全栈工程师的捷径 公司角度 组件化 成本降低 热更新 ## 阅读全文
posted @ 2016-03-28 17:11 东方耀 阅读(961) 评论(0) 推荐(0) 编辑