gulp命令

你仅仅需要知道的5个gulp命令

• gulp.task(name[, deps], fn) 定义任务 name：任务名称 deps：依赖任务名称 fn：回调函数

• gulp.run(tasks...)：尽可能多的并行运行多个task

• gulp.watch(glob, fn)：当glob内容发生改变时，执行fn

• gulp.src(glob)：置需要处理的文件的路径，可以是多个文件以数组的形式，也可以是正则

• gulp.dest(path[, options])：设置生成文件的路径 glob：可以是一个直接的文件路径。他的含义是模式匹配。 gulp将要处理的文件通过管道（pipe()）API导向相关插件。通过插件执行文件的处理任务。

• gulp.task('default', function () {...}); default 任务执行的话简单只要运行 gulp就可以

• gulp.task这个API用来创建任务，在命令行下可以输入$ gulp [default]，（中括号表示可选）来执行上面的任务。 前段时间折腾Gulp，主要是搜寻一些插件，组合之以优化前端开发流程。这段折腾历程除了达成所愿外，给予最大的收获是：只要你想实现某功能，基本就已有对应插件供使用；

比如，一开始觉得使用SublimeText的 SFTP 上传代码到FTP很方便（Ctrl+S），而用gulp就会竟也有对应插件 gulp-sftp :heart_eyes::blush:，这下打开了使用 Gulp 的任督二脉;你想让各个task按顺序执行，就有 gulp-sequence 供你搞起；你想使用熊猫压图，果不其然就有 gulp-tinypng ;你想让gulp命令能够接受传参，就有npm的 yargs 模块在等着你去宠幸,如此等等，实在太爽，根本停不下来。此文就使用各路插件路上的些许心得做下记载，以供参考。

关于教程

事实上关于 git 的教程，网络上铺天盖地，可是我为什么还写下本篇教程呢，其实我这篇教程的定位是，简洁明了。

关于 git 命令行工具

git 有很多可视化操作工具，做得都很好，但是本教程采用命令行的操作客户端。原因很简单 命令行容易写教程。

有两个专注点，命令行操作的话，眼睛专注屏幕，双手专注键盘。等你用鼠标移动鼠标指针找菜单我已经睡着了。 命令行操作是全集，图形操作都是命令行的一个子集。 害怕命令行的同学主要是对命令行恐惧造成的，怕自己记不住那么多命令，通过学习本课，希望能克服。 格调得到一定提升。 关于内容

因为是一份课件，所以语言组织都是很白的，内容也都是按自己理解组织的，不严谨或者是错漏恳请广大的互联网朋友勿喷。

初始化一个本地仓库

为了学习的方便可以在桌面新建一个文件夹，起名为 learn-git 。打开 git 命令行客户端，把命令行的路径定位到刚刚建立的文件夹，运行以下命令即可初始化一个本地仓库。

转ico

http://www.bitbug.net/
<link type="image/x-icon" href="../style/image/favcion.ico" rel="shortcut icon" />
<link rel="fluid-icon" href="../style/image/favcion.png" title="meyoung">

允许添加到主屏幕类似app运行，而不是浏览器中运行

<meta name="apple-mobile-web-app-capable" content="yes">

代码改动比较的插件，直接在线使用就好

https://www.diffchecker.com

下拉刷新

第一步：

$.ajax({
            url: basePath + '你自己的url',
            type: 'get',
            async: true,
            cache: false,
            dataType: 'json',
            data:{curpage:curpage,rows:rows},
            success: function(jsondata) {
                if(jsondata.code==1){
                var investStatus="";
                totalCount= jsondata.obj.totalCount;
                var dataList=jsondata.obj.data;
                for(var i=0;i<dataList.length;i++){
                    if(dataList[i].status==2){
                        investStatus="立即投资";
                    }else{
                        investStatus="已抢光";
                    }
                    var html='<li data-id="'+dataList[i].id+'" data-status="'+dataList[i].status+'"><span><input name="'+dataList[i].id+'" type="checkbox" data-status="'+dataList[i].status+'"/></span><span>'+dataList[i].amount+'</span><span>'+isDayOrMonth(dataList[i].isDayLoan,dataList[i].periods)+'</span><span>'+dataList[i].process+'</span><span>'+investStatus+'</span></li>';
                    $("#mainList").append(html);

                }
              }
            }
        });

Swiper

最近在做一个轮播的效果。找到了swiper这个插件。在移动端用着挺好的。但是在PC端的话，IE下效果全部失效。后来了解到，swiper3是专门针对移动端写的。如果想兼容IE8的话，应该引入swiper2.
也就是：idangerous.swiper.js。
swiper2兼容性还可以，swiper做出来的轮播可以根据屏幕大小决定一页盛放的轮播图的数量，在做响应式布局的时候推荐使用

另外还有一个Js可以兼容ＩＥ８，用着也还不错：
jQuery.SuperSlide.2.1.1.js，具体大小和数量要自行计算，固定布局的时候可以考虑。