react課堂筆記一之react介紹與環境搭建

2021-09-10 22:48:42 字數 1134 閱讀 8350

react的介紹:

react來自於facebook公司的開源專案

react 可以開發單頁面應用       spa(單頁面應用)

react 元件化模組化  開發模式

react通過對dom的模擬(虛擬dom),最大限度地減少與dom的互動  (資料繫結)

react靈活  react可以與已知的庫或框架很好地配合。

react 基於jsx的語法,jsx是react的核心組成部分,它使用xml標記的方式去直接宣告介面,  html  js混寫模式

搭建react開發環境之前的準備工作。

1、必須安裝nodejs      注意:安裝nodejs穩定版本

2、安裝cnpm用cnpm替代npm

npm install -g cnpm --registry=

3、用yarn替代npm

yarn的安裝:

1、必須要安裝nodejs     注意:安裝nodejs穩定版本      教程中的nodejs版本:v8.11.2            教程中的npm版本:v5.6.0

2.安裝腳手架工具   (單檔案元件專案生成工具)   只需要安裝一次

找到專案要建立的目錄:

4.cd  到專案裡面    

cd  reactdemo

npm start             yarn start執行專案

npm run build         yarn build 生成專案

搭建react的開發環境的第二種方法(新-未來推薦):

1、必須要安裝nodejs     注意:安裝nodejs穩定版本      教程中的nodejs版本:v8.11.2            教程中的npm版本:v5.6.0

2.安裝腳手架工具並建立專案

找到專案要建立的目錄執行:

4.cd  到專案裡面    

cd  reactdemo

npm start  執行專案(除錯)

npm run build 生成專案(發布)

npx介紹:

npm v5.2.0引入的一條命令(npx),引入這個命令的目的是為了提公升開發者使用包內提供的命令列工具的體驗。

詳情:再比如 npx http-server 可以一句話幫你開啟乙個靜態伺服器

Linux課堂筆記(一)

一 linux應用領域及版本介紹。1.伺服器 嵌入式 桌面應用等。1 在伺服器領域中,需要安全和穩定,特別是越老的核心版本越安全 越穩定。2 linux主要分核心版和發行版。核心版本2.6.18。2是主版本,質的變化時更改主版本 6是次版本,有重大更新的時候更改 18是末版本,更新比較小,或更新不重...

學習筆記之React

virtual dom 虛擬dom 傳統的web應用,操作dom一般是直接更新操作的,但是我們知道dom更新通常是比較昂貴的。而react為了盡可能減少對dom的操作,提供了一種不同的而又強大的方式來更新dom,代替直接的dom操作。就是virtual dom,乙個輕量級的虛擬的dom,就是reac...

機器學習課堂筆記(一)

無監督學習和聚類演算法的應用 機器自己去找出資料集內在的關係,機器學習例子 舉個跳棋的例子,乙個電腦程式從許多局跳棋遊戲關於跳棋本身和贏得下局的概率中學習,從而對另外一局跳棋,程式贏得比賽的概率。監督學習的例子 如果 根據戶型 房價,這是回歸問題,而通過戶型來 實際 會比定價高還是低,則是分類問題。...