jQuery

load（ ）：

load 通常只用来访问静态html文件<br />    jQueryDom.load(url [标签名],[请求参数],[回调函数]):将响应内容放置jqueryDom的html();

load 通常只用来访问静态html文件
jQueryDom.load(url [标签名],[请求参数],[回调函数]):将响应内容放置jqueryDom的html();
$("#box").load("load.txt")

get and post

$.get(url,请求参数,回调函数(响应内容,状态)):返回值为promise对象

$.get("3getAndPost.php",{name:"laowang",age:66},function(resText,flag){
        console.log(resText);
        console.log(flag);
    });

$.post("3getAndPost.php",{name:"laowang",age:66},function(resText,flag){
        console.log(resText);
        console.log(flag);
    });

懒加载

1、什么是懒加载：
懒加载其实就是延迟加载，是一种对网页性能优化的方式，比如当访问一个页面的时候，优先显示可视区域的图片而不是一次性加载所有图片，当需要显示的时候再发送图片请求，避免打开网页时加载过多资源。
2、什么时候用懒加载:
当页面中需要一次性载入很多图片的时候，往往都是需要用懒加载的。
3、懒加载原理:
标签有一个属性是src，用来表示图像的URL，当这个属性的值不为空时，浏览器就会根据这个值发送请求。如果没有src属性，就不会发送请求。我们先不给设置src，把图片真正的URL放在另一个属性data-src中，在需要的时候也就是图片进入可视区域的之前，将URL取出放到src中。
4、需要用到的知识点:
（1）图片距离顶部的高度：img.offsetTop
（2）当前窗口的高度：window.innerHeight
（3）滚动条滚动的高度:
document.body.scrollTop || document.documentElement.scrollTop
（4）加载图片的判断条件:
图片距离顶部的距离 < 浏览器滚动条滚动的高度 + 浏览器窗口的高度

jQuery插件

1、为jQuery对象添加方法：
（1）

$.fun = function() {
    console.log("heihei");
}
$.fun();

（2）

$.extend({
    add: function(a, b) {
        return a + b;
    },
    max: function(a, b) {
        return a > b ? a : b;
    }
});
console.log($.add(1, 2));
console.log($.max(2, 3));

2、为jQueryDom对象添加方法：

$.fn.extend({
    change: function(w, h, color) {
        $(this).css({
            width: w,
            height: h,
            backgroundColor: color
        });
    }
});
$("#box").change(200, 50, "hotpink");
$("li").eq(2).change(300, 500, "yellow");

3、$.extend 与 $.fn.extend区别：
$.extend为$绑定方法，调用时直接通过$来调用；
$.fn.extend为jQueryDom绑定方法，通过jQueryDom调用；

4、第三方插件：
jQuery Cookie 插件： https://plugins.jquery.com/cookie/

<script src="jQuery.js"></script>
<script src="jquery.cookie.js"></script>
<script>
//1.增改
    $.cookie('name', 'laowang');
//2.创建一个cookie并设置有效时间为 7天
    $.cookie('name', 'laowang', { expires: 7 });
//3.读取cookie
    console.log($.cookie("name"));
//4.删除
    $.cookie('name', null, -1); 
</script>

Gulp简介

gulp是前端的自动化构建工具，可以为多种文件类型（javascript/css/img/less/sass…）
实现低价且重复性的工作（文件的合并，项目的部署，文件的压缩，es6->es5转换。。。）