前言
本篇文章是對最近開源的純ReactNative項目OneM的使用補充說明沃缘，由于OneM項目中大量使用到Redux躯枢、Router-flux等框架的知識，對于初學(xué)者來說可能看起來有些吃力槐臀，不知道從何看起锄蹂。所以作者打算寫一篇較詳細的OneM學(xué)習(xí)手冊。想查看OneM更詳細的項目介紹請點擊峰档。歡迎大家
Star
OneM項目地址
https://github.com/guangqiang-liu/OneM
目錄
- 課前準備
- 項目文件夾目錄層級關(guān)系及作用
- react-native-router-flux路由框架詳解
- Redux框架詳解
- fetch網(wǎng)絡(luò)請求工具類封裝
- IconFont使用及如何自定義自己的font庫
- 螞蟻金服組件庫ant-D如何接入使用
- iOS败匹、Android平臺UI錯亂如何優(yōu)雅的解決
- 如何自定義基類Component及導(dǎo)航欄
- 表單提交的數(shù)據(jù)如何更優(yōu)雅的自動校驗參數(shù)
- 仿網(wǎng)易音樂播放器如何設(shè)計的與封裝
- 仿愛奇藝視頻播放器如何設(shè)計的與封裝
- 實現(xiàn)微信、QQ分享讥巡、登錄功能
- ReactNative如何設(shè)計與實現(xiàn)AOP埋點
- 實現(xiàn)顏色漸變的導(dǎo)航欄效果
- 實現(xiàn)高斯模糊效果
課前準備
開發(fā)工具
- 現(xiàn)在市面上有很多開發(fā)工具可供選擇：例如（ws掀亩、sublime、Atom欢顷、vscode等）槽棍。這個根據(jù)個人喜好選擇不同的開發(fā)工具即可。
開發(fā)環(huán)境
- Node環(huán)境抬驴、react環(huán)境炼七、nvm環(huán)境、javajdk環(huán)境
基礎(chǔ)知識
-
js常用語法
- js常用語法請參照W3C
-
es5布持、es6常用語法
請參考作者對es5豌拙、es6常用語法的總結(jié)：常用es5與es6語法總結(jié)
更多詳細的es6語法學(xué)習(xí)請參照：阮一峰老師ECMAScript 6 入門
-
flexbox盒子模型布局
- 請參照：阮一峰老師Flex布局詳解
項目文件夾層級關(guān)系及作用
根目錄文件夾示意圖
下面主要介紹src目錄
src目錄下的每一個子模塊在這里就不一一展開演示說明了，每一個文件夾都有其自己獨立的功能和含義题暖，希望同學(xué)們自己私下認真的學(xué)習(xí)體會每一個文件目錄對應(yīng)的功能特性按傅。
react-native-router-flux路由框架詳解
學(xué)習(xí)react-native-router-flux路由框架請點擊
想直接運行Demo查看效果請點擊
更多更詳細的內(nèi)容請查看官方Git
Redux框架詳解
學(xué)習(xí)Redux框架請點擊
想直接運行Demo查看效果請點擊
更多更詳細的內(nèi)容請查看官方Git
fetch網(wǎng)絡(luò)請求工具類封裝
學(xué)習(xí)fetch請求工具類請點擊
想直接運行Demo查看效果請點擊
IconFont使用及如何自定義自己的font庫
學(xué)習(xí)IconFont以及如何自定義font庫請點擊
想直接運行Demo查看效果請點擊
查看官方IconFont使用指南請點擊
螞蟻金服組件庫ant-D如何接入使用
學(xué)習(xí)如何接入使用ant-D組件庫請點擊
想直接運行Demo查看效果請點擊
查看ant-D官方組件使用指南請點擊
iOS\Android平臺樣式錯亂如何優(yōu)雅的解決
學(xué)習(xí)如何優(yōu)雅的解決雙平臺樣式錯亂問題請點擊
想直接運行Demo查看效果請點擊
如何自定義基類Component及導(dǎo)航欄
學(xué)習(xí)自定義基類Component及導(dǎo)航欄請點擊
想直接運行Demo查看效果請點擊
表單提交的數(shù)據(jù)如何更優(yōu)雅的自動校驗
學(xué)習(xí)表單如何自動校驗請點擊
想直接運行Demo查看效果請點擊
仿網(wǎng)易音樂播放器如何設(shè)計的與封裝
學(xué)習(xí)網(wǎng)易音樂播放器如何實現(xiàn)請點擊
想直接運行Demo查看效果請點擊
仿愛奇藝視頻播放器如何設(shè)計的與封裝
學(xué)習(xí)愛奇藝視頻播放器如何實現(xiàn)請點擊
想直接運行Demo查看效果請點擊
實現(xiàn)微信、QQ分享登錄功能
學(xué)習(xí)如何實現(xiàn)微信胧卤、QQ分享登錄功能請點擊
想直接運行Demo查看效果請點擊
實現(xiàn)顏色漸變的導(dǎo)航欄效果
學(xué)習(xí)如何實現(xiàn)顏色漸變的導(dǎo)航欄效果請點擊
想直接運行Demo查看效果請點擊
實現(xiàn)高斯模糊效果
學(xué)習(xí)如何實現(xiàn)高斯模糊效果請點擊
想直接運行Demo查看效果請點擊
