第一週須要掌握的知識

開發環境

安裝nvm node
安裝git
安裝vscode
熟悉mac操做
photoshop（還未安裝）
複製代碼

react

react 須要掌握知識

jsx
生命週期
合成事件
狀態提高
類型檢查
受控組件
和html中dom元素的區別
複製代碼

react 中的盲點記憶

render() 方法返回的是什麼

react元素
複製代碼

jsx中怎麼寫js代碼

用{}包起來
複製代碼

super()用來幹嗎

繼承父類的方法，才能取到正確的this值
複製代碼

書寫注意項

各個屬性換行，加強代碼的可讀性
複製代碼

react中不可變性爲啥那麼重要

利用不可變性方便組件的從新渲染
複製代碼

redux

redux須要掌握知識

dispath提交數據到store的流程
store取數據從新渲染組件的過程
redux的異步和中間件
複製代碼

redux的一些操做

import { Provider } from 'react-redux';
import store from './store'

class App extends Component{
    render(){
        return(
            <Provider store={store}> </Provider>
        )
    }
}

//單個組件connect()獲取數據
import { connect } from 'react-redux'

class List extends Component{
    
}
const mapState=(state)=>({});
const mapDispatch=(dispacth)=>({});

export default connect(mapState,mapDispatch)(List);

複製代碼

react-router

react-router-dom中的基本操做

router browerRouter hashRouter
route
link
redirect
switch
複製代碼

git

git須要掌握知識

git 基本操做
 git 的提交規範
 git 工做流
複製代碼

git 中不熟悉命令

// 建立分支
git checkout -b <branch-name>
//提交分支到遠程分支
git push origin <branch-name>
//本地分支和遠程分支的關聯
git branch --set-upstream-to origin/<branch-name> //各類錯誤撤銷操做，好多記不得，哈哈 ··········· 複製代碼

git 建立分支以及提交到遠程分支的整個流程

// 建立分支並切換到該分支
git checkout -b <branch-name>
// 提交分支到遠程分支
git push origin <branch-name>
// 刪除本地分支
git branch -d <branch-name>
// 刪除遠程分支
git push origin --delete <branch-name>

//合併分支
//切換要合併的分支
git checkout <branch-name>
//合併分支到當前分支
git merge --no-ff <branch-name>

// 查看分支
// 查看本地分支
git branch
// 查看遠程分支
git branch -a
// 查看分支的關聯
git branch -vv
複製代碼

git 提交修改到遠程倉庫

// 參看狀態
git status
// 查看修改的不一樣
git diff
git add .
git commit -m "<type>(scope):<subject>"
git push origin <local-branch>:<remote-branch> 複製代碼

antd

antd須要掌握知識

安裝
按需加載
頁面設計模式
組件
複製代碼