1、弹出框

登录

冒泡事件：

cancalBubblt()和stopPropagation()：它们相同之处在于都是用来阻止浏览器默认的事件冒泡行为。不同之处在于stopPropagation（）属于W3C标准，适用于Firefox等浏览器，但不支持IE；cancelBubble不符合W3C标准，只支持IE，所以很多时候结合起来使用。
语法：e.stopPropagation（），e代表事件传递的参数，代表事件的状态。

jQuery中对冒泡和默认行为的阻止方法同样可以写成：
event.preventDefault()——> return false;     event.stopPropagation()——> return false；

2、响应式设置元素高度

封装一个方法，调用该方法，并传入不同参数，响应式设置高度随宽度适应。

// 用于设置单个元素宽高设置，divName为元素名，rate为高和宽的比
// 调用方法：setHeight(".wrapper", 1);--正方形
// 写法1：
function setHeight(divName, rate) {
var w = $(divName).width();
$(divName).css("height", rate * w + "px");
$(window).resize(function() {
var w = $(divName).width();
$(divName).css("height", rate * w + "px");
})
}
// 写法2：
function setHeight(obj, n) {
$(obj).css("height", function() {
var oWidth = $(this).width() * n;
$(this).height(oWidth);
})
}

// 不同元素宽高关系：如对象1的高度等于对象2的n倍
// 调用方法：rateObj("#div2", "#div1", 2);h
function rateObj(obj1, obj2, n) {
var oHeight = $(obj2).height()*n;
$(obj1).css("height", oHeight);
}

3、input的判断

6、swiper图片预加载、中间大两边小