-
什么是設計模式查看全部
-
模版模式查看全部
-
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(){})();查看全部
舉報