React Native
Wondgirl
这个作者很懒,什么都没留下…
展开
-
[Wondgirl]从零开始学React Native之View(四)
index.ios.js如下:/** * Sample React Native App * https://github.com/facebook/react-native * @flow */import React, { Component } from 'react';import { AppRegistry, StyleSheet, Text, View,原创 2016-12-23 15:04:21 · 309 阅读 · 0 评论 -
[Wondgirl]从零开始学React Native之环境搭建(一)
一.React Native环境搭建1.官网:http://reactnative.cn2.React Native环境搭建视频教程:http://v.youku.com/v_show/id_XMTQ4OTYyMjg4MA==.html3.Homebrew官网:http://brew.sh/Homebrew, Mac系统的包管理器,用于安装Nod原创 2016-11-01 13:44:51 · 1588 阅读 · 0 评论 -
[Wondgirl]ECMAScript6(ES6)(六)数值的扩展
<script type="text/javascript"> //字符串转换成 整型 //---ES5写法 console.log(parseInt('44.64'));//44(舍去取整) //---ES6写法 console.log(Number.parseInt('44.64'));原创 2017-01-17 11:33:33 · 496 阅读 · 0 评论 -
[Wondgirl]ECMAScript6(ES6)(五)对象的解构赋值
// 1.变量形式的赋值 var {name,age} = [age:30,name:"Bill"]; console.log(name,age); var {value1,value2} = {value1:30}; console.log(value2);//undefined // 2.对象形式的赋值 var {product:,price:b} = {pro原创 2017-01-11 14:28:19 · 560 阅读 · 0 评论 -
[Wondgirl]ECMAScript6(ES6)(四)数组的解构赋值
// 1.定义时解构赋值 var x = 1; var y = 2; var z = 3; let [a,b,c] = [4,5,6]; console.log("a = " + a); console.log("b = " + b); console.log("c = " + c); // 2.后期解构赋值 [x,y原创 2017-01-09 16:32:34 · 495 阅读 · 0 评论 -
[Wondgirl]ECMAScript6(ES6)(三)对象常量
1.对象常量的值是否可以改变 答:常量对象,可以设置对象的属性和方法,但不能再次设置对像本身。 也就是说,不能将对象引用指向另一个新的对象。const obj = {"name":"Wondgirl"};console.log(obj.name);//输出Wondgirl// obj = {“salary”:10000};//errorobj.name = "hello";console原创 2017-01-09 10:18:10 · 265 阅读 · 0 评论 -
[Wondgirl]ECMAScript6(ES6)(二)变量let、var和常量const的定义和区别
let 和 var 一样,都是用来声明变量的 PS: Swift:let用于声明常量,Var用于声明变量let和var的作用域是不同的 var可以跨代码块,也就是说,在代码块定义的变量,外部也可以用 let只在代码块内部有效,如果超出代码块,会显示变量未定义undefined例: { let a = 100;原创 2017-01-05 15:44:39 · 528 阅读 · 0 评论 -
[Wondgirl]ECMAScript6(ES6)(一)
1.Node.js官方下载网址:[https://nodejs.org/zh-cn](https://nodejs.org/zh-cn)2.看都支持哪个浏览器:http://kangax.github.io/compat-table/es63.ECMAScript6转换为ECMAScript5:1.Babel转换器 官网:http://babeljs.io2.Traceur转换器原创 2017-01-05 15:20:34 · 504 阅读 · 0 评论 -
[Wondgirl]从零开始学React Native之ListView(八)
点击每一行后会在Xcode控制台里打印.index.ios.js/** * Sample React Native App * https://github.com/facebook/react-native * @flow */import React, { Component } from 'react';import { AppRegistry, StyleSheet原创 2016-12-28 13:19:27 · 345 阅读 · 0 评论 -
[Wondgirl]从零开始学React Native之ES5 ES6语法对比(七)
原文连接: https://babeljs.io/blog/2015/06/07/react-on-es6-plus转载: http://bbs.reactnative.cn/topic/15/react-react-native-%E7%9A%84es5-es6%E5%86%99%E6%B3%95%E5%AF%B9%E7%85%A7%E8%A1%A8模块引用在ES5里,如果使用CommonJS标翻译 2016-12-26 11:02:30 · 428 阅读 · 0 评论 -
[Wondgirl]从零开始学React Native之image(六)
上面的为网络图片,下面的为本地图片, 新建一个images文件夹用来存放本地图片index.ios.js/** * Sample React Native App * https://github.com/facebook/react-native * @flow */import React, { Component } from 'react';import { AppR原创 2016-12-26 10:19:50 · 390 阅读 · 0 评论 -
[Wondgirl]从零开始学React Native之Text(五)
像不像iOS的富文本 <Text style={{color:'#00F'}}> 我的文本 </Text> <Text style={{margin:20}}> 您好,我是 <Text style={{color:'pink',fontSize:40}}>原创 2016-12-23 15:51:11 · 506 阅读 · 0 评论 -
[Wondgirl]从零开始学React Native之FlexBox布局(三)
flexbox布局简介: flexbox是由伸缩容器和伸缩项目组成.任何一个元素都可以指定flexbox布局,伸缩容器的子元素可以称为伸缩项目,伸缩项目使用伸缩布局模型来排版. 在默认情况下,伸缩容器由两根轴组成:主轴(main axis)和交叉轴(cross axis),主轴的开始位置叫main start,结束位置叫main end.交叉轴的开始位置叫cro原创 2016-11-04 15:20:57 · 1464 阅读 · 0 评论