Jquery – Moon 程式手路菜

ES6 針對JQuery $(this) 解決方案

   // ES6 在jquery $this 需用原生JS event.currentTarget 來指回自己
   $('#login-buttom').click((e) => {
     console.log("dd");
     const $this = $(e.currentTarget).data('one');
     console.log($this);
  })

調用Resize 及 sccroll 節流方式

//Resize
	var globalResizeTimer = null;
	$(window).on('load resize',function() {
	    if(globalResizeTimer !== null) {
	    	window.clearTimeout(globalResizeTimer);
	    }
	    globalResizeTimer = window.setTimeout(function() {
	    	var $win = $(window),
			 	$winW = $win.width();
			if($winW <= 768){
				$('.calendar-title-mobile').sticky({topSpacing:0});

			}
	    },50);
	});

// scroll
       var globalScrollTimer = null,
		$goTop = $('#goTop');
	$(window).on('load scroll',function() {
	    if(globalScrollTimer !== null) {
	    	window.clearTimeout(globalScrollTimer);
	    }
	    globalScrollTimer = window.setTimeout(function() {
	    	var $win = $(window),
			 	scrollVal = $win.scrollTop();

			scrollVal > 50 ? $goTop.fadeIn() : $goTop.fadeOut() ;

	    },50);
	});

在撰寫animate CallBack 會多次回應的解決方式

在撰寫關於Animate 動畫時，多次動畫會再造成多次callBack 回應，變成執行兩次以上動畫，
找了相關文章，終於找到解決方使，使用jquery原本函數.promise().done(function),等執行完畢後在執行下列動畫，不用等CallBack之後再執行

參考文章如下
http://stackoverflow.com/questions/8790752/callback-of-animate-gets-called-twice-jquery

Js 輕量格式 JSON

想要把陣列，轉為JSON格式記錄時，要透過JS 的函數JSON.stringify
就可以把陣列轉換成，JSON格式方便別人接收，儲存。

目前我用例子舉例

$(javascript(){
	
 var myObject = new Object();
 myObject.name = 'John';
 myObject.age = 12;
 myObject.pets = ['cat', 'dog'];
			
 var myString = JSON.stringify(myObject);
			
 console.log(myString);
  //吐出格式：{'name':'John','age':12,'pets':['cat','dog']}		
});

JavaScript中清空數組的三種方式

最近在使用JS 在儲存陣列的時候，習慣性用 array = [];
這樣方式比較快，但是有人說這樣不是正規寫法，上網看一下別人的見解，
並記錄下來，好下次忘記的時候可以繼續閱讀!

方式1，splice

var ary = [1,2,3,4];
ary.splice(0,ary.length);
console.log(ary); // 輸出 []，空值，即被清空了

閱讀全文 JavaScript中清空數組的三種方式

JS數組最大值MAX和最小值MIN

一維比較

//
var a=[1,2,3,5];
alert(Math.max.apply(null, a));//最大值
alert(Math.min.apply(null, a));//最小值

閱讀全文 JS數組最大值MAX和最小值MIN

取得 CSS background HEX值

當要透過Jquery 取得 Background 的顏色，取出來的結果都是RGB的數值，當想要呈現為HEX 值時
可以透過這一個外掛，直接轉換RGB為HEX。
閱讀全文取得 CSS background HEX值

取得CSS Rotation 百分比

透過Jquery 取得物件當時的Rotation 目前呈現都是matrix()的素質，我只想記錄為百分比時，
可以透過以下外掛來進行轉換
閱讀全文取得CSS Rotation 百分比

JS 筆記

今天在Web前端看到別人分享他的總筆記，
發現我有一些常用的函數也沒有記錄下來，
我就直接複製一份也當作自己記錄的東西
閱讀全文 JS 筆記

JQUERY Print Plugun

在撰寫動態網頁時，一定會碰到要做列印功能，
推薦一個jQuery Print Plugin
閱讀全文 JQUERY Print Plugun

一	二	三	四	五	六	日
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31