程式語言 – Moon 程式手路菜

Js Date() 格式問題

以往設定時間格式為
2018-01-01 00:00:00
因為不同瀏覽器發生了無法顯示問題
特別是IE與 safari 會顯出不出來造成格式問題

後來才看到需要日期設定格式需要
2018/01/01 00:00:00

這樣通用格式所有的瀏覽器就不會再發生讀取不到問題了

引用
https://eyesofkids.gitbooks.io/javascript-start-from-es6/content/part3/datetime.html

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 百分比

!isset 用法

來判斷是否有數值或變數，進行什麼事情!

下列顯示

成功

<?php
  $variable;
  if(!isset($variable)){
	  echo "成功";	  
  }else{
	    echo "失敗";
  }
?>

閱讀全文 !isset 用法

一	二	三	四	五	六	日
		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