webcourse/Web
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

udate img

Browse Source
This commit is contained in:
qianguyihao
2018-10-02 22:10:26 +08:00
parent 26653bee3f
commit e48bcf4eac
53 changed files with 1664 additions and 2231 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
00-前端工具/01-Git的使用.md
View File

@@ -73,7 +73,8 @@ git branch -d feature_item_recommend
### 合并分支时，如果存在分叉
20180610_1650.png
![](http://img.smyhvae.com/20180610_1650.png)
比如说上面这张图中，最早的时候，master分支是位于`C2`节点。我基于`C2`节点，new出一个新的分支`iss53`，我在`iss53`上提交了好几个commit。
@@ -97,11 +98,11 @@ Git 没有简单地把分支指针右移，而是对三方合并的结果作一
值得一提的是Git 可以自己裁决哪个共同祖先才是最佳合并基础；这和CVS 或Subversion（1.5 以后的版本）不同，它们需要开发者手工指定合并基础。所以此特性让Git 的合并操作比其他系统都要简单不少。
20180610_1710.png
![](http://img.smyhvae.com/20180610_1710.png)
### 解决合并时发生的冲突
20180610_1740.png
![](http://img.smyhvae.com/20180610_1740.png)
如果 feature1和feature2修改的是同一个文件中**代码的同一个位置**，那么，把feature1合并到feature2时，就会产生冲突。这个冲突需要人工解决。步骤如下：
@@ -124,14 +125,27 @@ git自动合并成功。不管是git自动合并成功，还是在人工解决
## 日常操作积累
### 修改已经commit的备注信息
### 修改密码（曲线救国）
> 网上查了很久，没找到答案。最终，在cld童鞋的提示下，采取如下方式进行曲线救国。
```bash
# 设置当前仓库的用户名为空
git config user.name ""
```
然后，当我们再输入`git pull`等命令行时，就会被要求重新输入*新的*账号密码。此时，密码就可以修改成功了。最后，我们还要输入如下命令，还原当前仓库的用户名：
```
git config user.name "smyhvae"
```
### 修改已经push的某次commit的作者信息
已经push的记录，如果要修改作者信息的话，只能 通过--force命令。
已经push的记录，如果要修改作者信息的话，只能 通过--force命令。我反正是查了很久，但最终还是不敢用公司的仓库尝试。
参考链接：
@@ -144,8 +158,6 @@ git自动合并成功。不管是git自动合并成功，还是在人工解决
### 将 `branch1`的某个`commit1`合并到`branch2`当中
切换到branch2中，然后执行如下命令：
@@ -159,16 +171,15 @@ git cherry-pick commit1
20180623时，网上看了下Git客户端的推荐排名：
20180623_1210.png
![](http://img.smyhvae.com/20180623_1210.png)
上面的Git客户端我基本都用过了，我最推荐的一款Git客户端是：**Tower**。
### SmartGit
**SmartGit**：
商业用途收费， 个人用户免费：
20180623_1305.png
![](http://img.smyhvae.com/20180623_1305.png)

27
00-前端工具/02-第一次使用VS Code时你应该知道的一切配置.md Normal file
View File

@@ -0,0 +1,27 @@
## 前言
VS Code 的全称是 Visual Studio Code，是微软推出的一款免费的、开源的跨平台编辑器。
## 常用快捷键
### 编辑
**删除文字**：
| 快捷键 | 作用 | 备注 |
|:-------------|:-----|:-----|
|delete|删除光标的前一个字符|相当于 Windows 键盘上的退格键|
|fn + delete|删除光标的后一个字符||
|**option + delete**|删除光标之前的一个单词|英文有效|
|**command + delete**|删除光标之前的整行内容|【荐】|

34
00-前端工具/02-VS Code.md → 00-前端工具/03-VS Code的使用.md
View File

@@ -1,8 +1,10 @@
## 常见操作
### 自动保存
## 常见配置
**自动保存**：
```
"files.autoSave": "onFocusChange"
@@ -12,6 +14,16 @@
**在新的窗口中打开文件**：
```json
"workbench.editor.enablePreview": false,
```
## 常见操作
### 如何查看代码结构
@@ -23,12 +35,6 @@
### 在新的窗口中打开文件
```json
"workbench.editor.enablePreview": false,
```
### 在本地开启服务器
```bash
@@ -140,15 +146,17 @@ Sass 文件格式化。
在本地开启Node服务器：
20180611_2230.png
![](http://img.smyhvae.com/20180611_2230.png)
然后在浏览器的地址栏输入`http://localhost/` + 文件的相对路径，就可以通过服务器的形式打开这个文件。
### Copy Relative Path
> 这个插件很有用，使用频率很高。
复制文件的相对路径：（相对于根路径而言）
20180611_2235.png
![](http://img.smyhvae.com/20180611_2235.png)
### open in browser
@@ -238,10 +246,6 @@ VSCode自带的高亮显示，实在是不够显眼。用插件支持一下吧
### 代码格式化
### 如何同时打开多个窗口
@@ -271,7 +275,7 @@ VSCode自带的高亮显示，实在是不够显眼。用插件支持一下吧
### 某网友的VS Code 插件截图
20180611_2255.png
![](http://img.smyhvae.com/20180611_2255.png)

23
00-前端工具/whistle网络抓包.md
View File

@@ -29,6 +29,29 @@ whistle安装证书后，可以拦截 https 请求。但是，我现在又不想
## 移动端调试神器:eruda
> 手机连接代理时，如何看console.log的日志信息?
> 现在，代码里有console.log，如果是在电脑浏览器上看，可以直接在控制台查看console.log的内容。但是，如果手机连接代理，在手机上打开网页的话，要怎么查看console.log的内容呢？具体做法如下：
（1）在 whistle中，新建一个名叫`Eruda H5`的代理，代理中的内容是：
```
http://xxx.com htmlAppend://{eruda.html}
```
(2)新建一个values，里面的内容是：
```html
<script src="//cdn.bootcss.com/eruda/1.4.3/eruda.min.js"></script>
<script>
eruda.init()
</script>
```
然后就OK了。

70
00-前端工具/推荐链接.md
View File

@@ -1,70 +0,0 @@
积累平时看到的一些好的前端文章。
### 2017-08-17
- [面试分享：一年经验初探阿里巴巴前端社招](https://github.com/jawil/blog/issues/22)
在公众号「web前端课程」上看到的文章。作者经历了4面，也是厉害了。另外，作者在gihub上的[博客](https://github.com/jawil/blog)也是出彩的。比如说下面这篇文章就值得推荐：
- [挖 "掘" 淘 "金" 之 前端闯关历险记学习资料汇总](https://github.com/jawil/blog/issues/4)
作者搜集了几百篇在掘金上看到的好文章，让人惊叹。
### 2017-08-16
- [道阻且长啊TAT(前端面试总结)](https://segmentfault.com/a/1190000010631325?_ea=2359607)
作者毕业于华科，面的是前端的实习，还拿了不少offer：百度外卖，头条，美团，狗东，其他，最终在美团实习。我最初是在[微信公众号](https://mp.weixin.qq.com/s/_clHr5a6_JzTos9bKpvKrA)上看到的文章。
hello。我看你拿了不少实习offer。有没有推荐的前端学习资料呀？比如说：网站、链接、书籍等。可否分享给我？如果内容较多，欢迎发表成博客。谢啦～～～
### 2017-08-01
- [资深Web技术专家曹刘阳：2016年前端技术观察](http://geek.csdn.net/news/detail/128912)
有很多争议，[知乎](https://www.zhihu.com/question/53625757)上都有人评论了。
### 2017-07-31
- [你可能不需要 Vuex](https://github.com/chenbin92/blog/issues/1)
这篇文章里的流程图画得挺好看的，gif图也很小，只有200多kb。我发邮件问作者用的什么软件，很幸运的是，得到了作者的回复。答案是：
- 录制 GIF：[licecap](https://github.com/justinfrankel/licecap)
- 画图：[processon免费在线作图](https://www.processon.com/)
### 2017-07-13
- [前端开发面试题](https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions)
在逛公众号「前端大全」的时候发现的，然后顺着找到了对应的GitHub链接。面试题有答案哦。
### 2017-01-20
- [阿里9年，我总结的前端架构演进3大阶段及团队管理心法](http://www.infoq.com/cn/news/2017/01/Ali-9-3)
伟明的推荐，说是对前端开发的价值观形成有良好的影响。