前端开发常规实战问题汇总

【vscode】

折叠 先按下 ctrl + k  再按下 ctrl + 0（零）
展开 先按下 ctrl + k  再按下 ctrl + j

【git】

切换到分支
git checkout develop

创建并切换到 feature-xxx 分支
git checkout -b feature-xxx

查看远程分支
git branch -a

查看本地分支
git branch

远端先新建好新的分支然后拉到本地

git checkout -b newBranch origin/newBranch 

本地先新建好分支然后再推到远端服务器

1) git checkout -b newBranch 

2) git push origin newBranch:newBranch

缓存工作区的修改
QuicklyDev 下有改动，但是 QuicklyDev 已经无权提交了，那么这样操作
1) 暂存工作区的修改缓存到本机 git stash save "0309"
2) 然后执行 git pull，那么 vs code 右下角点开已经有远程分支了，选择切换至远程对应的分支
3) 然后查看本地的缓存 git stash list，显示
   stash@{0}: On QuicklyDev: 0309
4) 恢复缓存的修改到当前工作区 git stash pop stash@{0}
ok了，新的修改移到了当前分支，可以重新提交了！

git rebase
rebase的过程中，有时也会有conflict，这时Git会停止rebase并让用户去解决冲突，
解决完冲突后，用git add命令去更新这些内容，然后不用执行commit，直接执行git rebase --continue，
这样git会继续apply余下的补丁。在任何时候，都可以用git rebase --abort来终止rebase动作，
并且分支会回到rebase开始前的状态

git cherry-pick
cherry-pick是Git里对commit操作很好的一个指令，比如想把test分支中的其中多个commit merge到master，
那么你需要挑你所需要的commit合到master，这时候就用cherry-pick来捡，
如果cherry-pick过程没有出现冲突的话，那就是完成了合并，如果出现冲突，先解决冲突，
然后，git add 将解决了冲突的文件添加到暂存区，再git cherry-pick --continue就行了

git fork

1) fork别人（原作者）的项目后，如何和（原作者）的项目同步？
思路很简单，先看看远程分支 git remote -v，
然后添加一个上游的仓库，git remote add upstream（原作者的仓库地址），
然后 git fetch upstream，会被存储在一个本地分支 upstream/master，
然后切换到本地主分支，git checkout master，
把 upstream/master 分支合并到本地 master 上，这样就完成了同步，并且不会丢掉本地修改的内容。  
git merge upstream/master 或者 git rebase upstream/master
如果想更新到 GitHub 的 fork 上，直接 git push origin master 就好了。

2) fork别人（原作者）的项目后，如何提交给（原作者）的项目？
fork：相当于你在原项目的主分支上又建立了一个分支，你可以在该分支上任意修改，
如果想将你的修改合并到原项目中时，可以pull request，
这样原项目的作者就可以将你修改的东西合并到原项目的主分支上去，
这样你就为开源项目贡献了代码，开源项目就会在大家共同的努力下不断壮大和完善。
具体操作：比如在Github上，我们点击项目上的Pull request去请求，
在提交注释中写上我们的更新日志和更改了什么东西，然后点击Create pull request，
然后，就没有我们什么事了，我们只要等待作者收到邮件同意我们的更新就好了，

【其他】

yarn帮助命令
yarn help

指定commit号打tag
git tag -a v0.1 -m "注释" commit号

vim下搜索字符串的命令 
:/字符串

查找文件的命令 
find / -name

查看系统进程或内存 
top 或 free -m

HTTPS协议下无法访问非HTTPS的站外资源（我遇到的情况是语音不能加载，但图片可以）
HTTPS协议下，对非HTTPS的站外资源，浏览器会认为这是不安全的资源，默认阻止并提示错误。
这就是为什么HTTPS页面下，无法显示站外非HTTPS协议下CDN加速的图片、CSS、JS的原因。
有两种办法解决，一种是把资源全部本地，另外一种是改造外部的资源。
如果是全站都做CDN加速，可以不用站外资源，本地化就行了。
如果本身服务器不用这些资源，只是引用站外资源的话就需要做如下修改。
HTTPS站内下引用外部资源的时候取消HTTP或HTTPS协议即可，即
<img src="//oss.vi586.com/images/logo.jpg">

带宽对SPA WEB项目加载影响的感触
1M带宽基本比挤牙膏还难，Node.js代理直接报流的读写错误，建议10M+

linux 查看隐藏文件
ls -al

为了频繁的执行某些只有超级用户才能执行的权限，而不用每次输入密码
sudo -i

更改文件和目录的拥有者（所有人和群组属性）
-R：即递归更改所有者
chown -R username:user_group folder