極客園PC 第1章 專案介紹與搭建

2022-10-09 04:45:17 字數 1299 閱讀 4444

技術棧:

進入專案根目錄:`cd geek-pc

啟動專案:yarn start

調整專案目錄結構:

/src

/assets 專案資源檔案,比如, 等

/components 通用元件

/pages 頁面

/utils 工具,比如,token、axios 的封裝等、

/api 封裝介面

index.css 全域性樣式

index.js 專案入口

src/pages/layout/index.js

import  from 'react'

class layout extends component

}export default layout

src/pages/login/index.js

import  from 'react'

class login extends component

}export default login

// 匯入路由

import from 'react-router-dom'

// 匯入頁面元件

import login from './pages/login'

import layout from './pages/layout'

// 配置路由規則

return (

)}

ant design

antd pc 端元件庫文件

antd是基於 ant design 設計體系的 react ui 元件庫,主要用於研發企業級中後台產品。

開箱即用

安裝:yarn add antd

使用:

// 1 在 index.js 中匯入 antd 的樣式檔案

import 'antd/dist/antd.css'

// 2 在 login 頁面元件中,使用 antd 的 button 元件

import from 'antd'

const login = () => (

button

)

第1章介紹

第1章介紹 儲存困難 傳輸困難 2.為什麼可以壓縮 3.資料壓縮分類 有失真壓縮 lossy 4.編解碼器 解碼器 decoder 編解碼器 codec 5.壓縮系統的組成 1 編碼器中的關鍵技術 2 編譯碼中的關鍵技術 6.編解碼器實現 數字訊號處理器dsp 軟體 編解碼器產品 編碼標準作用 高效...

第1章 Docker介紹

作為一種新興的虛擬化方式,docker跟傳統的虛擬化方式相比具有眾多的優勢 由於容器不需要進行硬體虛擬以及執行完整作業系統等額外開銷,docker對系統資源的利用率更高。無論是應用執行速度 記憶體損耗或者檔案儲存速度,都要比傳統虛擬機器技術更高效。因此,相比虛擬機器技術,乙個相同配置的主機,往往可以...

第1章 Linux系統介紹

unix之前開源,然後被at t收回版權 linus 針對 386 進行開發 linux 組成 90 c語言和10 組合語言 linux的吉祥物 企鵝 linux核心 linux哲學思想 一切皆檔案 安全 穩定 成本少 多工 多使用者 消耗資源少 對部分軟體不支援 對使用者不友好 root loca...