strawferry-CSDN博客

原创 ReactNative页面统计分析之Google Analytics集成

ReactNative页面统计分析之Google Analytics集成 1. 首先要有Google Analytics的账号 2. 安装 rnpm install react-native-google-analytics-bridge 3. 配置(iOS) 直接在谷歌的网站上获取配置的文件 GoogleService-Info.plist(可以改名) 并把文件添加进iOS项目

2016-08-05 17:58:38 2349

原创 CodePush 热更新ReactNative之React Native Client SDK

目前用的RN版本都是大于0.30的所以一般用最新的codePush 安装 1. 前往目录下安装 npm install --save react-native-code-push@latest 2. 安装,推荐使用 rnpm link react-native-code-push 若未安装rnpm 使用npm i -g rnpm 安装 3. 配置(iOS) 在AppDelega

2016-08-05 17:04:22 971

原创 CodePush 热更新ReactNative之CodePush CLI操作

因为微软开源的这个做的还不错,所以拿来用了1. CodePush CLI安装首先要安装Node.jsCodePush CLI安装 : npm install -g code-push-cli2. Account 账号管理注册code-push register 一般可以使用github登录(建议),也可以注册微软的账号!退出账号后可以用code-push link,进入页面登录

2016-08-04 23:32:24 2557

原创 Flexbox布局样式

Flexbox布局样式 ReactNative是参考文档大于0.29的版本参考链接1. 6个属性设置在容器上1.1 任何一个容器都可以指定为Flex布局。ReactNative无 display: flex; display: inline-flex; //行内元素也可以使用Flex布局。 1.2 flex-direction 属性决定主轴的方向（即项目的排列方向）。 fl

2016-07-27 10:52:15 366

原创 React/React Native 的ES5 ES6写法对照表

React/React Native 的ES5 ES6写法对照表1. 模块引用 ES5 使用CommonJS标准，引入React包基本通过require进行var React = require("react");var { Component, PropTypes} = React; //引用React抽象组件var ReactNative = require("rea

2016-07-26 17:17:35 306

原创初始化state方法和定义组件props验证等

1. 初始化state方法class Video extends React.Component { //初始化state state = { name: "Mike", age: 12, obj: {a: "a", b: 1}, array: ["abc", "bcd"], } _changeData

2016-07-26 17:14:10 734

转载 React Native 特定平台选择-Platform

1. 特定平台扩展名 React Native会检测某个文件是否具有.ios.或是.android.的扩展名，然后根据当前运行的平台加载正确对应的文件。假设你的项目中有如下两个文件： BigButton.ios.js BigButton.android.js 这样命名组件后你就可以在其他组件中直接引用，而无需关心当前运行的平台是哪个。 import BigBut

2016-07-21 23:18:39 1704

原创 jQuery是一个JavaScript库极大的简化JavaScript编程

jQuery是一个JavaScript库极大的简化JavaScript编程1.jQuery 库包含以下特性：HTML 元素选取HTML 元素操作CSS 操作HTML 事件函数JavaScript 特效和动画HTML DOM 遍历和修改AJAXUtilities2.页面中添加jQuery库 <head> <script type="text/javascript" sr

2016-07-19 13:08:56 4448

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。AJAX 不是新的编程语言，而是一种使用现有标准的新方法。 AJAX 是在不重新加载整个页面的情况下与服务器交换数据并更新部分网页的艺术。1.XMLHttpRequest 是 AJAX 的基础。XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整

2016-07-18 23:06:05 317

原创 React-redux使用

1.actionCreator// action creator 就是函数而已...var actionCreator = function() { // ...负责构建一个 action （是的，action creator 这个名字已经很明显了）并返回它 return { type: 'AN_ACTION' }}2.storeimport { crea

2016-07-17 23:48:02 1270

转载 React组件的生命周期

组件的详细说明和生命周期（Component Specs and Lifecycle）Mounting Cycle 挂载循环周期 constructor(object props) componentWillMount() render() -> React Element componentDidMount() Updating Cycle 组件更新循环周期

2016-07-15 12:15:37 351

原创 React Native Mac环境的安装配置

React Native Mac环境的安装配置参考链接:http://reactnative.cn/docs/0.28/getting-started.html安装必需的软件1.Homebrew Mac系统的包管理器，用于安装NodeJS和一些其他必需的工具软件。终端里面输入以下命令 /usr/bin/ruby -e “$(curl -fsSL https://raw.githubusercon

2016-07-10 16:47:44 1721

strawferry的博客