react 01 簡單了解react

2021-10-12 19:12:27 字數 1206 閱讀 8898

1、單向資料流:

view -> actions->state->view

state:驅動應用的資料來源,狀態

view:以宣告的方式將state對映到檢視

actions:響應在view上的使用者輸入導致的狀態變化

單項資料流過程:

簡單的單向資料流是只使用者訪問view,view發出使用者互動的action,在action裡對state進行響應更新。state更新後會觸發view更新頁面的過程這樣資料總是清晰的單向進行流動,便於維護並且可以**。

vue-cli

nodejs搭建的伺服器

webpack工程 打包

vue專案 vue的**

3、專案目錄結構

package.json

src 源**

index.js

index.css

pages目錄-子頁面

category.js

category.css

components 目錄-共用元件目錄

header.js

header.css

public 靜態資源

index.html

build 打包後目錄

注意:

專案部署時,可以將build中的子目錄和子檔案部署到apache上。也可以將整個build資料夾部署上去

因為經過yarn build或npm run build打包的時候,預設使用絕對路徑,所以在部署時找的是部署環境的根目錄的**。

build目錄結構

htdocs   -->伺服器資料夾

static -->打包後的static資料夾,之下有css檔案和js檔案

cssjsindex.html

在此時伺服器找的是htdocs之下同級的index.html,所以localhost:80/index.html是可以訪問到的

當將build檔案也一起部署時,目錄結構為

htdocs   -->伺服器資料夾

build

static -->打包後的static資料夾,之下有css檔案和js檔案

cssjs

index.html

此時就需要我們在打包時將絕對路徑改為相對路徑,方法為在package.json檔案中新增一行

「homepage」:".",

01 swift的簡單了解

swift語言是蘋果公司2014年在美國舊金山召開的wwdc上發布的一門語言。swift是完全物件導向的語言,自身具有建構函式和析構函式。建構函式是以init開頭的函式,而析構函式是以deinit開頭的函式,建構函式在建立物件的時候自動呼叫,不需要主動呼叫init函式 析構函式是在物件宣告週期結束的...

react安裝極其了解

全域性安裝react腳手架工具 1.換源 npm config set registry 2.配置後通過以下方法驗證是否成功 npm config get registry react的render方法 對於元件而言 建立時執行 state發生變化 props發生變化執行 forceupdate 對...

了解 React 之 hooks(三)

在前面的文章 了解 react 之 hooks 二 中介紹了 hooks 的 3 個效能優化 api,分別為 react.memo react.usecallback react.memo。本文主要介紹 useeffect 的第二個引數。1.使用 useeffect,不給第二個引數 import r...