nprogress:小巧玲珑的进度条

enter image description here

封面人物:雷斯莫斯·勒道夫(Rasmus Lerdorf,1968.11.22 ~ )

PHP之父,毕业于加拿大滑铁卢大学,45岁。

勒道夫开发了PHP的前两个版本并参与了后续版本的开发,2013年加入Jelastic公司,这家公司主要提供云计算的基础服务。


推荐指数:★★★★★

使用难度:★

适用范围:显示进度

GitHub数据

enter image description here


之前介绍过一个类似的进度条,不过那个风格比较扁平化。今天介绍的这个进度条更加立体一些,和Google、YouTube的进度条类似,大家可以根据自己项目的风格选择。


使用教程

NProgress.start();
NProgress.set(0.4);
NProgress.done();

一目了然,非常简单。

由于这个进度条是直接显示在网页最顶端,所以不用在HTML中进行设置。


nprogress官网首页


GitHub Tips

今天讲讲Git中非常重要的一个文件——.gitignore。

首先要强调一点,这个文件的完整文件名就是“.gitignore”,注意最前面有个“.”。这样没有扩展名的文件在Windows下不太好创建,这里给出win7的创建方法:

创建一个文件,文件名为:“.gitignore.”,注意前后都有一个点。保存之后系统会自动重命名为“.gitignore”。

一般来说每个Git项目中都需要一个“.gitignore”文件,这个文件的作用就是告诉Git哪些文件不需要添加到版本管理中。

实际项目中,很多文件都是不需要版本管理的,比如Python的.pyc文件和一些包含密码的配置文件等等。

这个文件的内容是一些规则,Git会根据这些规则来判断是否将文件添加到版本控制中。

下面我们看看常用的规则:

  • /mtk/ 过滤整个文件夹

  • *.zip 过滤所有.zip文件

  • /mtk/do.c 过滤某个具体文件

很简单吧,被过滤掉的文件就不会出现在你的GitHub库中了,当然本地库中还有,只是push的时候不会上传。

需要注意的是,gitignore还可以指定要将哪些文件添加到版本管理中:

  • !*.zip

  • !/mtk/one.txt

唯一的区别就是规则开头多了一个感叹号,Git会将满足这类规则的文件添加到版本管理中。

为什么要有两种规则呢?想象一个场景:我们只需要管理/mtk/目录中的one.txt文件,这个目录中的其他文件都不需要管理。那么我们就需要使用:

  • /mtk/

  • !/mtk/one.txt

假设我们只有过滤规则没有添加规则,那么我们就需要把/mtk/目录下除了one.txt以外的所有文件都写出来!

最后需要强调的一点是,如果你不慎在创建.gitignore文件之前就push了项目,那么即使你在.gitignore文件中写入新的过滤规则,这些规则也不会起作用,Git仍然会对所有文件进行版本管理。

简单来说,出现这种问题的原因就是Git已经开始管理这些文件了,所以你无法再通过过滤规则过滤它们。

所以大家一定要养成在项目开始就创建.gitignore文件的习惯,否则一旦push,处理起来会非常麻烦。


如果大家觉得这篇文章还不错的话请动动手指分享一下吧~你们的支持就是我最大的动力!

欢迎扫描二维码关注我的微信号“GitHub不完全装B指南”,获取最新文章。

谢谢~

你可能感兴趣的:(nprogress:小巧玲珑的进度条)