學習筆記本: javascript

顯示具有 javascript 標籤的文章。顯示所有文章

2020年5月28日星期四

【javascript】小數相加

javascript 小數相加偶爾會跑出奇怪的數字

例如：1.001 + 2.0001 = 3.00110000000000001

解決方式：先把小數乘很大的數，讓他變成整數計算好在除回去

剛剛的例子要改成：

(1.001 * 1e12) + (2.0001 * 1e12) / 1e12

(1e12 = 1後面帶了12個0，1000000000000)

2018年6月27日星期三

【javascript】framework

javascript framework 流行的有 vue、react、angular
我覺得用jquery就很好用了

2018年6月26日星期二

【javascript】event.preventDefault() 與 event.stopPropagation()

javascript 要停止執行程式可以用 event.preventDefault() 與 event.stopPropagation()

stopPropagation 可阻止冒泡事件發生

差別：https://dotblogs.com.tw/harry/2016/09/10/131956
https://www.cnblogs.com/jiqing9006/archive/2012/09/11/2679831.html

2017年9月6日星期三

【jquery】keypress 按鈕對應

在表單中，按enter送出表單的方法：

$("#myform input").keypress(function (e){

$code = (e.keyCode ? e.keyCode : e.which);

if ($code == 13)

{

$("#myform").submit();

}

});

其中的 code 代碼要在下面查詢

event.keycode值大全

keycode 8 = BackSpace BackSpace

keycode 9 = Tab Tab

keycode 12 = Clear

keycode 13 = Enter

keycode 16 = Shift_L

keycode 17 = Control_L

keycode 18 = Alt_L

keycode 19 = Pause keycode 20 = Caps_Lock

keycode 27 = Escape Escape

keycode 32 = space space

keycode 33 = Prior

keycode 34 = Next

keycode 35 = End

keycode 36 = Home

keycode 37 = Left

keycode 38 = Up

keycode 39 = Right

keycode 40 = Down

keycode 41 = Select

keycode 42 = Print

keycode 43 = Execute

keycode 45 = Insert

keycode 46 = Delete

keycode 47 = Help

keycode 48 = 0 equal braceright

keycode 49 = 1 exclam onesuperior

keycode 50 = 2 quotedbl twosuperior

keycode 51 = 3 section threesuperior

keycode 52 = 4 dollar

keycode 53 = 5 percent

keycode 54 = 6 ampersand

keycode 55 = 7 slash braceleft

keycode 56 = 8 parenleft bracketleft

keycode 57 = 9 parenright bracketright

keycode 65 = a A

keycode 66 = b B

keycode 67 = c C

keycode 68 = d D

keycode 69 = e E EuroSign

keycode 70 = f F

keycode 71 = g G

keycode 72 = h H

keycode 73 = i I

keycode 74 = j J

keycode 75 = k K

keycode 76 = l L

keycode 77 = m M mu

keycode 78 = n N

keycode 79 = o O

keycode 80 = p P

keycode 81 = q Q at

keycode 82 = r R

keycode 83 = s S

keycode 84 = t T

keycode 85 = u U

keycode 86 = v V

keycode 87 = w W

keycode 88 = x X

keycode 89 = y Y

keycode 90 = z Z

keycode 96 = KP_0 KP_0

keycode 97 = KP_1 KP_1

keycode 98 = KP_2 KP_2

keycode 99 = KP_3 KP_3

keycode 100 = KP_4 KP_4

keycode 101 = KP_5 KP_5

keycode 102 = KP_6 KP_6

keycode 103 = KP_7 KP_7

keycode 104 = KP_8 KP_8

keycode 105 = KP_9 KP_9

keycode 106 = KP_Multiply KP_Multiply

keycode 107 = KP_Add KP_Add

keycode 108 = KP_Separator KP_Separator

keycode 109 = KP_Subtract KP_Subtract

keycode 110 = KP_Decimal KP_Decimal

keycode 111 = KP_Divide KP_Divide

keycode 112 = F1

keycode 113 = F2

keycode 114 = F3

keycode 115 = F4

keycode 116 = F5

keycode 117 = F6

keycode 118 = F7

keycode 119 = F8

keycode 120 = F9

keycode 121 = F10

keycode 122 = F11

keycode 123 = F12

keycode 124 = F13

keycode 125 = F14

keycode 126 = F15

keycode 127 = F16

keycode 128 = F17

keycode 129 = F18

keycode 130 = F19

keycode 131 = F20

keycode 132 = F21

keycode 133 = F22

keycode 134 = F23

keycode 135 = F24

keycode 136 = Num_Lock

keycode 137 = Scroll_Lock

keycode 187 = acute grave

keycode 188 = comma semicolon

keycode 189 = minus underscore

keycode 190 = period colon

keycode 192 = numbersign apostrophe

keycode 210 = plusminus hyphen macron

keycode 211 =

keycode 212 = copyright registered

keycode 213 = guillemotleft guillemotright

keycode 214 = masculine ordfeminine

keycode 215 = ae AE

keycode 216 = cent yen

keycode 217 = questiondown exclamdown

keycode 218 = onequarter onehalf threequarters

keycode 220 = less greater bar

keycode 221 = plus asterisk asciitilde

keycode 227 = multiply division

keycode 228 = acircumflex Acircumflex

keycode 229 = ecircumflex Ecircumflex

keycode 230 = icircumflex Icircumflex

keycode 231 = ocircumflex Ocircumflex

keycode 232 = ucircumflex Ucircumflex

keycode 233 = ntilde Ntilde

keycode 234 = yacute Yacute

keycode 235 = oslash Ooblique

keycode 236 = aring Aring

keycode 237 = ccedilla Ccedilla

keycode 238 = thorn THORN

keycode 239 = eth ETH

keycode 240 = diaeresis cedilla currency

keycode 241 = agrave Agrave atilde Atilde

keycode 242 = egrave Egrave

keycode 243 = igrave Igrave

keycode 244 = ograve Ograve otilde Otilde

keycode 245 = ugrave Ugrave

keycode 246 = adiaeresis Adiaeresis

keycode 247 = ediaeresis Ediaeresis

keycode 248 = idiaeresis Idiaeresis

keycode 249 = odiaeresis Odiaeresis

keycode 250 = udiaeresis Udiaeresis

keycode 251 = ssharp question backslash

keycode 252 = asciicircum degree

keycode 253 = 3 sterling

keycode 254 = Mode_switch

2017年9月5日星期二

【Jquery】reset

jquery 並沒有提供 html 的 reset 功能

要使用 javascript 的寫法：

document.getElementById("myform").reset();

2017年1月2日星期一

【Javascript】FB 用 Javascript 登入

步驟

1.先到 FB developer 新增一個應用程式，取得應用程式編號。

2.FB的開發文件：https://developers.facebook.com/docs/facebook-login/web，
照步驟走就能做出一些東西，
完整的範例：https://developers.facebook.com/docs/facebook-login/web#example，
這範例先將 your-app-id 改成第一步取得的應用程式編號，
就能在 testAPI 中抓到FB的id、name、email等資訊，之後就可以用ajax將值存起來。

3.不想跳出小視窗，想在本頁直接跳到FB授權頁的話，要看：
https://developers.facebook.com/docs/facebook-login/manually-build-a-login-flow#login，

授權連結網址：
https://www.facebook.com/v2.9/dialog/oauth? client_id={app-id} &redirect_uri={redirect-uri}，
app-id：就是應用程式編號
redirect_uri：就是要跳回的頁面

授權完跳回頁面時在執行一次：
FB.getLoginStatus(function(response) {
statusChangeCallback(response);
});
就能抓到使用者資訊

2016年6月22日星期三

【Jquery】position:fixed 可左右拉動

今天遇到一件奇怪的需求，

在使用 CSS position:fixed 使區塊固定時，

當拉動左右的卷軸時這個區塊也要跟著動，

這時只能用javascript來解決：

$(window).scroll(function(){
  $(".nav").css({ // 要移動的class或div
    'left': 0 - $(this).scrollLeft()
  });
  $(".footer").css({
    'left': 0 - $(this).scrollLeft()
  });
});

2014年8月25日星期一

【PHP】JSON 使用

json(JavaScript Object Notation)：JSON 是個以純文字來儲存資料，
更好用的是將陣列或物件轉換成文字。

規則

陣列用[]，如：
array('php','javacript','jquery') 會變成：
["php","javacript","jquery"]

物件用{}，如
arry('name'=>'steven',tel=>'1234') 變成：
{"name":"steven,"tel":1234}

jquery 使用json

使用： $.parseJSON() 將json解譯
範例

  var str = '{"prodcut_id":"1234",
        "name":"鉛筆",
              "spec":["紅","綠","藍"]
              }';
  var result = $.pasrseJSON(str);
  alert(result.prodcut_id); // 印出1234
  alert(result.spec[0]); // 印出 紅

用$.post時可以指定回傳格視為json

  $.post("test.php",{name:$("#name").val()},function (result){
   alert(result.prodcut_id);
  },json);

PHP 使用json

編譯解譯分別為：json_encode、json_decode，
但為了操作方便可將物件解譯成array，
此時就要用json_decode($str,true);

  $arr = array("product"=>"1234","name"=>"鉛筆","spec"=>array("紅","綠","藍"));
  $str = json_encode($arr);
  
  $obj = json_decode($str); // 此時會變成 stdClass Object ( [product] => 1234 [name] => 鉛筆 [spec] => Array ( [0] => 紅 [1] => 綠 [2] => 藍 ) )
  $arr = json_decode($str,true); // 結果：Array ( [product] => 1234 [name] => 鉛筆 [spec] => Array ( [0] => 紅 [1] => 綠 [2] => 藍 ) )

2012年12月20日星期四

【javascript】抓取使用者電腦資訊

現在有個專案是要抓使用者電腦資訊，包括安裝軟體、電腦規格等等，
剛開始不知道怎麼寫，後來發現只要用ActiveXObject就可以辦到，
像是抓取netstat資訊之後再擷取想要的資訊，
不過只支援IE瀏覽器，爾且使用者要加入信任網站才能使用。

var shell = new ActiveXObject ("WScript.Shell");
var exec = shell.Exec("netstat -n -o");
while(!exec.StdOut.AtEndOfStream){
var netstat = exec.StdOut.ReadLine();
}

2020年5月28日 星期四

2018年6月27日 星期三

2018年6月26日 星期二

2017年9月6日 星期三

2017年9月5日 星期二

2017年1月2日 星期一

步驟

2016年6月22日 星期三

2014年8月25日 星期一

2012年12月20日 星期四