技術棧:
進入專案根目錄:`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...