事情要从linux说起，git的作者就是linux之父linus。在2002年以前，都是通过手工比较代码的方式来合并社区反馈的代码，进行合并。但随着linux项目越来月庞大。手工合并变得不现实了。当时市面上也有cvs或svn这样的版本控制软件。但linus反对使用这些集中式的版本控制系统，因为它们都必须联网才可以使用，而且速度比较慢。
有一些好用的速度快的系统，不过都是需要付费的，这与linux的开源精神不符。
2002年之前，由于没有合适的版本控制系统，linus都是通过手工diff去比较合并代码的。这时的工作太过繁重。
2002年的时候BitMover公司，将BitKeeper授权linux社区免费使用。人多的地方就有江湖，江湖中从来不乏高手，特别是linux社区。2005年，社区中有一些人将BitKeeper破解了。这可是人家BitMover公司吃饭的家伙啊，你破解了人家当然不愿意了。于是BitMover公司怒了，收回了免费使用权。
linus一看也不乐意啊。你不让我用那我就自己写一个呗。于是linus用了2周的时间，自己写了一个分布式的版本控制系统(牛人的世界就是这么牛X)。也就是git。很快(有多快呢，一个月左右)linux系统就全部由git管理了。
后来的事情大家都知道了。2008年github上线，让git走进了千家万户，是个知道开源的都知道github。知道github还不知道git(就相当于吃了猪肉，没见过猪跑一样)，那是不可能的。

市面上已经有很多的git教程了，比如廖雪峰老师的git教程，还有阮一峰老师写的关于git的一些教程。我在刚开始接触git的时候，就是读的他们教程。他们写的都很好，git的所有功能都有所涵盖，但是很多人知道了命令，但在工作中还是不清楚该如何使用。

与网络上所有的教程都不同，本教程更注重使用场景，会根据不同的场景，选择最优的git命令，来解决问题。

教程中所有的命令都会有一段工作场景的介绍，我们可以跟随小白的视角，一起学习git是如何使用的。以及最后会做出总结，介绍命令的功能，以及一些使用技巧。

1
2
3
4
5
6
7
8
9
10
11
12
13
14

$ git status
On branch master

No commits yet

Untracked files:
  (use "git add <file>..." to include in what will be committed)

	Untitled-1
	"git\347\256\200\344\273\213"

nothing added to commit but untracked files present (use "git add" to track)

其实"git\347\256\200\344\273\213"是个中文名的文件git简介,中文部分成了乱码，解决方法很简单

1

git config --global core.quotepath false

这样，不对0x80以上的字符进行quote，解决git status/commit时中文文件名乱码

deepin系统很好用，汉化也很彻底，安装git后。提示都是中文。不过不太习惯。还是改成英文比较顺眼。
修改~/.bashrc文件加入

1
2
3

# Set Git language to English
#alias git='LANG=en_US git'
alias git='LANG=en_GB git'

关闭命令行，重新打开，如如git命令就会提示英文了

防抖和节流是避免过度处理的有效手段。目的就是为了解决一些事件频繁的触发问题。

防抖

先说一下防抖，当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时。

通俗易懂点就是，领导安排任务，你得等领导全部说完了再去做，不能说一个就跑去做了，你得等领导说完。

举个很典型的例子，搜索提示是个很典型的使用场景。每次输入框的内容发生更改就会发送一个请求，这其实是没有必要的。
理想的方式应该是当用户不在输入时，在发送请求。怎么确定用户停止输入呢？我们定义一个等待时间，比如500ms。当用户停止输入500ms后发送一个请求。
500ms内如果在不停的输入内容，那我们就重新重新计时。

阅读全文...

什么是git commit log

git commit log其实就是根据咱们提交的commit message信息进行提取，用来生成更新日志的功能。
既然是要生成，那就一定要有一个格式，否则程序很难自动化的处理。
目前比较常用的是Angular 团队的规范,他的格式也比较简洁。

阅读全文...

问题起因

今天遇到一个问题，需求是，客户选择栏目时，不属于自己的栏目不可修改。但需要显示出来。实现需求使用了element ui的el-select组件。
对于已选栏目的显示，和对栏目的选项取消都比较好。不属于自己的栏目使用了option的disabled属性。列表中的选项控制正常，对于disabled属性为true的元素不可选。
但是在展示已选则的栏目时，option中禁用的选项依然有删除的小叉号。而且还是可以使用的，点击后就被删除了。在列表中的选中状态也取消了。这可闹大了，没法恢复啊。

解决思路

思路很简单，在对选项进行移除时做个判断。如果选项是禁用的，就不操作。
实现中用到了value属性，用于显示备选项。change事件用于处理选中的值，remove-tag事件处理移除选项时的判断
有几个问题需要注意，事件的执行顺序是先出发change后出发remove-tag所以要让数据返回变为异步，保证remove-tag事件完成后在返回数据

阅读全文...

neditor是从ueditor改写过来了，做了不少优化，我最喜欢的就是去掉了服务端附件配置请求。还有一个有点就是，可以很方便的对接七牛cdn或oss。
如果是简单的使用可以用vue-neditor-wrap,复杂场景下会有bug，所以自己写了个组件，将必要的js引入放到了index.html中。下面是使用注意事项，追后有本示例的源码。

阅读全文...

日常打包执行npm run build会将代码打包至dist目录下，各种js引入，均已网站根目录为依据。我们想要把项目作为子目录访问时就需要做些配置了。

阅读全文...

端口开通,链接正常

1
2
3
4

telnet 192.168.1.100 62715
Trying 192.168.1.100...
Connected to 192.168.1.100.
Escape character is '^]'.

链接成功，根据提示Escape character is '^]'.可知退出字符为'^]'（CTRL+]）。此时输入其它字符不能使其退出，CTRL+C都不行。输入CTRL+]后会自动执行，进入命令模式，屏幕上出现telnet>字样。需要输入quit才可退出
Escape character提示是自定义的，使用参数-e即可

1
2
3
4
5

telnet -e p 192.168.1.100 62715   #使用p字符
Telnet escape character is 'p'.
Trying 192.168.1.100...
Connected to 192.168.1.100.
Escape character is 'p'.

输入p,会出现telnet>字样，输入quit可退出

阅读全文...