原创 koa2框架教程

koa是Express的下一代基於Node.js的web框架,目前有1.x和2.0兩個版本。 一、koa2的優勢 1. express 雖然Express的API很簡單,但是它是基於ES5的語法,要實現異步代碼,只有一個方法:回調

原创 webpack學習系列(一):package.json相關

一、package.json屬性說明 name - 包名. version - 包的版本號。 description - 包的描述。 homepage - 包的官網URL。 author - 包

原创 ReactNative自定義組件

開發中我們知道,ReactNative提供的組件並不能完全滿足開發的需求,此時就需要自定義一些通用組件,那麼如何導出全局的自定義組件呢? 一、自定義組件的導出 二、自定義組件的封裝 三、發佈到npm 1、npm官網註冊賬號 htt

原创 RN 標籤導航TabNavigator

RN 標籤導航TabNavigator一、導航欄分類二、TabNavigator的應用 一、導航欄分類 StackNavigator: 類似於普通的Navigator,實現不同的頁面進行跳轉 TabNavigator: 屏幕上方或下方

原创 RN 抽屜導航DrawerNavigator

RN 抽屜導航DrawerNavigator一、DrawerNavigator接口二、抽屜導航頁面三、 打開抽屜式導航四、遇到的問題 一、DrawerNavigator接口 DrawerNavigator(RouteConfigs,D

原创 RN FlatList組件

長列表或者無限下拉列表是最常見的應用場景之一。RN 提供的 ListView 組件,在長列表這種數據量大的場景下,性能堪憂。而在最新的 0.43 版本中,提供了 FlatList 組件,或許就是你需要的高性能長列表解決方案。它足以應對

原创 RN ScrollView組件

ScrollView組件允許用戶左、右或者上、下滑動來查看原來顯示在屏幕外的內容 一、ScrollView組件常用屬性 1.horizontal:布爾類型屬性,當他爲true時,ScrollView的所有子組件將會水平排列,false

原创 Text組件樣式問題

1、Text內部的元素不再使用flexbox佈局,而是採用文本佈局。 textAlign屬性:首字母爲英文時,默認從左向右排列。 此時可以調整爲center 2、Text居中顯示的問題 在開發中,開發者時常需要將一串字符串顯示在比字符

原创 WubaRN開發指南

一、環境搭建 詳細請看,我這裏手機用的ios8.16包 二、本地開發 1.clone 種子工程 git clone [email protected]:wuxianfe/wrn-seed-project.git your_p

原创 RN 棧式導航StackNavigator

引入 import {StackNavigator} from 'react-navigation'; 配置棧式導航路由:StackNavigator(RouteConfigs,StackNavigatorConfig) impor

原创 React16新特性

React16新特性 render方法新增返回類型 在React 16中,render方法支持直接返回string,number,boolean,null,array等。這可以在一定程度上減少頁面的DOM層級。 // 錯誤寫法 cla

原创 同源、跨域(以及ajax、fetch攜帶cookie)

一、同源: 源(origin)就是協議、域名和端口號。 以上url中的源就是:http://www.company.com:80 若地址裏面的協議、域名和端口號均相同則屬於同源。 以下是相對於 http://www.a.com/t

原创 RN樣式及flex佈局

RN樣式及flex佈局1、RN樣式2、FlexBox佈局 1、RN樣式 React-Native 的樣式是使用RN提供的 StyleSheet API的create函數來定義一個styles對象實現的 1.1 樣式聲明: impor

原创 RN之KeyboardAvoidingView、UIManager、findNodeHandle的使用

一、KeyboardAvoidingView 我們在開發的時候,經常會遇到手機上彈出的鍵盤常常會擋住當前的視圖,所以這個 KeyboardAvoidingView 組件的功能就是解決這個常見問題的,它可以自動根據手機上鍵盤的位置,調整

原创 React Router v4

React Router v4相關資料