-
什么是设计模式查看全部
-
模版模式查看全部
-
ctrl+D统一修改
查看全部 -
<script>放body前面虽然可以用window.onload解决，但是体验不好
查看全部 -
var Beverage=function(){};
Beverage.prototype.boilWater = function() {
console.log("煮水");
};
Beverage.prototype.brew = function() {
throw new Error("子类必须重写该方法");
};
Beverage.prototype.pourInCup = function() {
throw new Error("子类必须重写该方法");
};
Beverage.prototype.addSomething = function() {
throw new Error("子类必须重写该方法");
};
Beverage.prototype.ifWantSometihng=function(){
retuen true;
}
//init是模板方法
Beverage.prototype.init = function() {
this.boilWater();
this.brew();
this.pourInCup();
if(this.ifWantSometihng()){
this.addSomething();
}
};
//--------子类1
var Coffee = function() {};
Coffee.prototype.brew = function() {
console.log("冲咖啡");
};
Coffee.prototype.pourInCup = function() {
console.log("装杯");
};
Coffee.prototype.addSomething = function() {
console.log("加糖");
};
//重写ifWantSometihng方法
Coffee.prototype.ifWantSometihng=function(){
return window.confirm("加不加？");
};
//--------子类2
var Tea = function() {};
Tea.prototype.brew = function() {
console.log("泡茶");
};
Tea.prototype.pourInCup = function() {
console.log("装杯");
};
Tea.prototype.addSomething = function() {
console.log("加柠檬");
};
//继承父类
Coffee.prototype= new Beverage();
Tea.prototype= new Beverage();
var coffee = new Coffee();
coffee.init();
var tea = new Tea();
tea.init();
查看全部 -
原理点亮半颗星
查看全部 -
var num = 2,
$rating = $("#rating"),
$item = $rating.find(".rating-item");
//点亮
var lightOn = function(num) {
//num是要点亮的星星数
$item.each(function(index) {
//
if(index < num) {
$(this).css("background-position", "0 -40px");
//".rating-item"==this
} else {
$(this).css("background-position", "0 0");
}
});
}
//初始化
lightOn(num);
//事件绑定
$item.on('mouseover',function(){
//鼠标移上去所指星星亮起
lightOn($(this).index()+1);
}).on('click',function(){
num=$(this).index()+1;
//此时num改变为当前点击的星星数
});
//给父元素添加moseout事件。移出的时候 点亮当前的num数
$rating.on('mouseout',function(){
lightOn(num);
});
查看全部 -
课程介绍
查看全部 -
将代码封装在立即执行函数中（避免全部变量），立即执行函数return一个对象（这个对象中包含需要给外界使用的属性或者方法）给一个变量，通过这个变量就可以调用封装好的方法了查看全部
-
半颗星原理： 通过鼠标移动距离计算 $('elem').width() > e.pageX - $('elem'.offset().left查看全部
-
半颗星原理分析查看全部
-
什么是设计模式查看全部
-
学习设计模式不同阶段查看全部
-
设计模式查看全部
-
自我执行的匿名函数 （function(){})();查看全部
举报