Time of Update: 2016-04-14
標籤:react-native官網Fetch介紹:https://facebook.github.io/react-native/docs/network.html#contentreact-native中不支援$,也就是說我們無法使用$HTTP來調用API,根據react-native官網教程,我們可以使用fetch,這也是一個更好的網路API,它在react
Time of Update: 2016-04-18
標籤:簡介React是Facebook開源的一個用於構建使用者介面的Javascript庫,已經 應用於Facebook及旗下Instagram。和龐大的AngularJS不同,React專註於MVC架構中的V,即視圖。 這使得React很容易和開發人員已有的開發棧進行融合。React順應了Web開發組件化的趨勢。應用React時,你總是應該從UI出發抽象出不同
Time of Update: 2016-04-10
標籤: flexbox是Flexible Box的縮寫,彈性盒子布局 主流的瀏覽器都支援flexbox布局是伸縮容器(container)和伸縮項目(item)組成Flexbox布局的主體思想是元素可以改變大小以適應可用空間,當可用空間變大,Flex元素將伸展大小以填充可用空間,當Flex元素超出可用空間時將自動縮小。總之,Flex元素是可以讓你的布局根據瀏覽器的大小變化進行自動調整。按照伸縮流的方向布局伸縮容器有主軸和交叉軸組成!
Time of Update: 2016-04-05
標籤:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="Keywords" content="關鍵詞一,關鍵詞二"> <meta name="Description" content="網站描述內容"> <meta name="Author" content="劉豔">
Time of Update: 2016-03-29
標籤:Since react-router routes are components, creating nested routes is as simple as making one route a child of another in JSX. Make the nested component:class App extends React.Component { render(){ return(
Time of Update: 2016-03-27
標籤:<html> <head> <title>組件的組合調用</title> <script src="build_0.13/react.min.js"></script> <script src="build_0.13/JSXTransformer.js"></script> </head> <body>
Time of Update: 2016-03-24
標籤:<!DOCTYPE html><html> <head> <title>React JS</title> <script src="../build_0.13/react.js"></script> <script src="../build_0.13/JSXTransformer.js"></script> </head&
Time of Update: 2016-03-17
標籤:知識點:1、react 屬性的調用 this.props.被調用的屬性名稱設定屬性的常用方法:var props = { one: ‘123‘, two: 321}調用這個屬性:<HelloWorld {...props} />說明:{...props},這裡的三個點,代表props中的所有的屬性react 狀態的調用 this.state this.getInitialState 預設狀態的方法;this.setState
Time of Update: 2016-02-29
標籤:React Native環境配置史上最全Windows版本搭建安裝React Native環境配置配置過React Native 環境的都知道,在Windows React Native環境配置有很多坑要跳,為了協助新手快速無誤的搭建好環境本站推出搭建教程.安裝學習遇到任何問題可以加入
Time of Update: 2016-02-19
標籤:
Time of Update: 2016-02-19
標籤:轉載連結:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/react-native-component-packaging-and-traditional-values/ 剛接觸React-Native的時候也是看官方文檔,官方文檔就是講的基礎的組件與與基礎的API,然後就開始寫一些簡單的介面,但是發現自己寫的簡單介面代碼非常的長,修改起來也是非常的麻煩,維護起來非常的費盡。那麼今天就簡單的介紹一下組件的封裝和傳
Time of Update: 2016-02-18
標籤:React Native :React 起源於 Facebook 的內部項目,結合了 Web 應用程式和 Native 應用的優勢,可以使用 JavaScript 來開發 iOS 和 Android 原生應用。在 JavaScript 中用 React 抽象作業系統原生的 UI 組件,代替 DOM 元素來渲染等。Native
Time of Update: 2016-02-16
標籤:Homebrew官網 http://brew.sh/index_zh-cn.htmlHomebrew是神馬linux系統有個讓人蛋疼的通病,軟體包依賴,好在當前主流的兩大發行版本都內建瞭解決方案,Red hat有yum,Ubuntu有apt-get 神馬,你用mac os,不好意Mac os木有類似的東東,淚奔中幾經折騰總算找到了第三方支援:Homebrew,Homebrew簡稱brew,是Mac
Time of Update: 2016-02-16
標籤: 靜態圖片資源 當React Native0.14版本發布的時候,它為iOS和Android應用提供了一個統一的管理圖片的方法。增加靜態圖片到你的app, 然後到你的源碼樹中引用它,如:1 <Image source={require(‘./my-icon.png‘)} /> 圖片的名稱問題的解決方案跟JS模組的解決方案一致。 在上面的例子中,packager將會請求它的組件的相同目錄中尋找my-icon.png。如果你同時有my-icon.ios.
Time of Update: 2016-02-14
標籤: 該文翻譯自:https://medium.com/@Jpoliachik/react-native-s-layoutanimation-is-awesome-4a4d317afd3e#.6syi2v6yh 剛建立的React Native技術交流群(282693535),歡迎各位大牛,React
Time of Update: 2016-02-02
標籤:教程原始碼及目錄https://github.com/lewis617/myReact今天,我們要講解的是自訂redux中介軟體這個知識點。本節內容非常抽象,特別是中介軟體的定義原理,那多層的函數嵌套和串聯,需要極強邏輯思維能力才能完全消化吸收。不過我會多羅嗦幾句,所以不用擔心。例子例子是官方的例子real-world,做的是一個擷取github使用者、倉庫的程式。本例子原始碼:https://github.com/lewis617/myReact/tree/master/redux-ex
Time of Update: 2016-02-01
標籤:在學習react遇到這個問題,頁面可以正常工作,但控制台一直出現這個警告,看著很不爽,然後研究怎麼解決。具體代碼可以查看我的github:https://github.com/huanlifen/react-key-warning.gitwarning01/todo.html程式碼片段:var TodoList = React.createClass({ render: function() { var createItem =
Time of Update: 2016-01-31
標籤:Android和iOS的歡迎介面是不一樣的,在iOS中有一個預設的歡迎介面,而Android則需要自己寫。因此我就分開說一下這兩個平台的歡迎介面的搭建。下面先看一下實現效果:Android:iOS: 一、iOS歡迎介面的實現:它的實現跟React-Native是沒有半毛錢的關係的。你需要在Xcode中去實現這個介面。也就是去設計LaunchScreen.xib,:由於不是iOS的開發人員,對iOS也不是很懂,所以我就拖拖拽拽,最後將圖片設定為置中就行啦。二、Android歡迎介面
Time of Update: 2016-01-24
標籤:最近在做一個小練習項目,使用者登陸後需要跳轉到使用者登入資訊介面,加班半個小時終於將介面的布局搞定。接觸Rect-Native也有一段時間了,以前沒有做過ios,只做過android,就布局和開發效率上來說,react-native的給我的感覺是開發效率要大大高於android的。下面是具體的代碼: 1 import React from ‘react-native‘ 2 import Icon from ‘react-native-vector-icons/FontAwesome‘
Time of Update: 2016-01-23
標籤:一. 安裝Homebrew: “Homebrew installs the stuff you need that Apple didn’t.——Homebrew OS X 更完整”。 Homebrew的官網(多語言版本)簡單明了地介紹了如何安裝和使用這個工具,;並提供了自己的Wiki。 brew的安裝很簡單,使用一條ruby命令即可,