前端小知识10点(2020.9.13)
1、React的ClassComp和FunctionComp组件的更新/卸载顺序
更新：从下至上，从左至右
卸载：从上至下，从左至右
2、vscode如何配置「注释后自动切换到下一行」？
① 下载「geddski.macros」插件
② macOS 打开访达—>command+shift+g—>~/Library/Application Support/Code/User/
③ 打开settings.json，将以下json复制到里面
④ 打开keybindings.json，将以下json复制到里面
参考：
https://www.reddit.com/r/vscode/comments/7nlp9k/when_commenting_a_line_move_the_cursor_to_the/
3、git commit --amend的作用？
作用：
将本次commit直接合并到上一次commit中
使用：
git commit --amend
git push orgin <分支> -f注意：
这里必须使用-f，将远程上的commit给挤掉，否则就是两个commit了
4、yarn --ignore-engines的作用？
让yarn忽略引擎检查（忽略node版本的差异）
5、mac 启用tab自动补全目录
https://blog.csdn.net/YanceChen2013/article/details/62887705
6、git rebase的作用场景
① 合并commit
将commitC合并到commitB中
git log --oneline
6a5a7d1 (HEAD -> master) commitC
6abd377 commitB
9a552a8 commitA
190d021 (origin/master) eject
d550345 Initialize project using Create React App
// 定位到 commitA 的 commitId 上
// 注意哦，是commitA
git rebase -i 9a552a8此时就跳到了rebase的vim界面：
pick 6abd377 commitB
pick 6a5a7d1 commitC
# Rebase 9a552a8..6a5a7d1 onto 9a552a8 (2 commands)按i修改commitC的pick->squash
pick 6abd377 commitB
squash 6a5a7d1 commitC
# Rebase 9a552a8..6a5a7d1 onto 9a552a8 (2 commands)按:wq保存并合并
此时就看到commitC被合并到commitB上，但还没完成rebase
git rebase --continue修改commit message
# This is a combination of 2 commits.
# This is the 1st commit message:
commitB
# This is the commit message #2:
commitC
# Please enter the commit message for your changes. Lines starting
# with '#' will be ignored, and an empty message aborts the commit.
## This is a combination of 2 commits.
# This is the 1st commit message:
将commitC合并到commitB中
# This is the commit message #2:
# Please enter the commit message for your changes. Lines starting
# with '#' will be ignored, and an empty message aborts the commit.
#git push origin
Done.
② 移除commit
移除commitA
// 定位到commitA的前一个commit
git rebase -i 190d021将pick修改为drop
pick fabbfb2 commitA
pick 556efde 将commitC合并到commitB中drop fabbfb2 commitA
pick 556efde 将commitC合并到commitB中正常情况是只将commitA删除掉，但此时看到git说：
git commit --allow-empty
[detached HEAD 6c0e9a4] 将commitC合并到commitB中
Date: Sun Sep 6 23:00:46 2020 +0800
git rebase --continue
git push origin -f此时commitA就被删掉了
7、[].every(item=>item>18) 返回结果？
空数组，直接返回true
[].every(item=>item>18) //true8、slice和splice的区别
// slice
// 1、string的function
// 2、不影响原str
const str='123456'
console.log(str.slice(0, 2)); //12
console.log(str) //123456
//splice
// 1、array的function
// 2、影响原array
const arr=[1,2,3,4,5,6]
console.log(arr.splice(0, 2)); // [1, 2]
console.log(arr) // [3, 4, 5, 6]9、git删除远程分支
git push origin --delete <branch>10、交换数组中的两个元素
//交换数组中的元素
const swap = (nums, i, j) => {
[nums[i], nums[j]] = [nums[j], nums[i]];
}
const arr=[1,2,3]
swap(arr,0,1) //[2, 1, 3]