ReactNative的基本原理和開發環境搭建

2021-08-20 08:28:42 字數 1954 閱讀 6173

reactnative架構和原理的簡單介紹

天然跨平台:任何平台都離不開瀏覽器,也就少不了webview元件.

無審核熱更新:js作為動態解釋執行語言,可以直接通過伺服器下發後執行,從而實現繞過審核的熱更新.

可擴充套件:雖然js本身不具備硬體能力.但可以通過原生橋接的方式擴充套件,且這些擴充套件大多免費開源.

混合開發的劣勢在**? 效能消耗太大,效能消耗太大,效能消耗太大,重要的事情說3遍.

reactnative的執行結構如下:

mac os環境搭建

1. 修改目錄不可寫許可權問題的命令

sudo chown -rwhoami/usr/local (chown就是change owner的簡寫 -r是遞迴呼叫whoami當前的使用者 /usr/local當前目錄 綜合起來理解就是當前使用者不是當前目錄的所有者,所以回報許可權問題的錯誤,呼叫這行命令就是遞迴呼叫當前目錄以及其子目錄並改變其owner為當前使用者)

2. 怎麼檢視當前mac是否安裝了homebrew(mac系統的包管理器,能在mac中方便的安裝軟體或者解除安裝軟體)

通過homebrew的一些常用命令來判斷是否成功安裝了homebrew.

//檢視brew的幫助

brew –help

//安裝軟體

brew install git

//解除安裝軟體

brew uninstall git

//搜尋軟體

brew search git

//顯示已經安裝軟體列表

brew list

3. 安裝node.js
brew install node//node安裝成功後會自動安裝npm
檢視當前mac是否安裝了node,如果安裝了,版本如何?

node -v
檢視當前mac是否成功安裝了npm,如果安裝了,版本如何?

npm -v

//npm(伺服器在國外)是隨同nodejs一起安裝的包管理工具,主要安裝js方面的第三方包

注意這裡不要使用cnpm.

4. 安裝命令列工具 yarn, react-native-cli

npm install -g yarn react-native

-cli

5.安裝xcode/watchman/flow
brew install watchman//watchman是由facebook提供的監視檔案系統變更的工具。

brew install flow

//flow是乙個靜態的js型別檢查工具。

6.測試安裝

react-native run-ios

//第一次執行時執行

react-native start//第二次執行之後執行

react packager執行在node.js之上,類似乙個小伺服器.

專案建立成功後如下:

react-native no bundle url present解決辦法

先把ios/build資料夾先刪除,重新編譯執行react-native run-ios

react native基本概念

props屬性 其實就是就跟style差不多,可以這樣方便理解 image source style 在這裡require 括號中的是的位址 style 是不是覺得怎麼像剛學css一樣,怎麼寫行內樣式,其實這是jsx語法,看起來更方便,但是,我剛開始接觸react native時候,就很不適應,之前...

mysql的基本原理 Mysql 基本原理

mysql 基本原理 mysql是一種關聯式資料庫管理系統,關聯式資料庫將資料儲存在不同的表中,而不是將所有資料放在乙個大倉庫內,這樣就增加了速度並提高了靈活性 ysql是資料庫登入命令 uroot預設超級使用者登入 p 預設沒密碼 中寫密碼 mysqladmin uroot password 12...

pwm控制的基本原理 PWM控制的基本原理

pwm pulse width modulation 控制 脈衝寬度調製技術,通過對一系列脈衝的寬度進行調製,來等效地獲得所需要波形 含形狀和幅值 pwm控制技術在逆變電路中應用最廣,應用的逆變電路絕大部分是pwm型,pwm控制技術正是有賴於在逆 變電路中的應用,才確定了它在電力電子技術中的重要地位...