第一周须要掌握的知识

开发环境

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

安装
按需加载
页面设计模式
组件
复制代码
相关文章
相关标签/搜索