第一周需要掌握的知识

开发环境

安装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需要掌握知识

安装
按需加载
页面设计模式
组件
复制代码