測試

javascript 讀 google 表單 http://posture925.pixnet.net/blog/post/58629526

最近在試用JQuery

javascript  其實跟 java 一點也不像
對於熟悉 c++ , java 的我來說，上手時總覺得哪裡卡卡的...
程式語法上相對比較寬鬆
像是變數型態就不用特別標明，但這也是常令我困擾的地方
程式除錯上，感覺是搭配像 chrome 之類的瀏覽器就好了
但對習慣使用整套 IDE 開發工具(ex: visual studio)的我來說
又覺得沒那麼方便…常常打錯幾個字，沒法快速找的問題點
又不是很長的程式~

jsfiddle 是一個不錯的平台，它可以線上執行 html + css + javascript
而且最棒的是登入帳號後，它會記錄你執行過的程式

jsfiddle + chrome 除錯範例
http://jsfiddle.net/banchanvung/9MXYy/


 JQuery 最方便的功能莫過於它的選擇器
http://my-web-design.blogspot.tw/2012/05/jquery-selectors.html

※幾個需解決的問題：

1.取得DOM物件之該如何設定和取值

2.如何讓同一個事件 function 讓多個 DOM 物件共用

3.selector 可能選到多個物件，要 trace 每一個物件時該如何做
 ANS:
試試 .each()
https://api.jquery.com/each/

4.selector 的選擇條件中如何做 交集 ,聯集
  ANS:
   交集： $("[條件1][條件2]")
   聯集： $("條件1,條件2,...")

5.怎麼取物件(父、子、同輩、前、後) (parent , children, siblings, next, nextAll, prev)
http://seanphpbook.blogspot.tw/2012/04/jquery-this.html
    5.1  find() 與 filter() 用法區別
            http://raylee0616.blogspot.tw/2013/09/jquery-find-chidren-filter.html

6.DOM 物件顯示與隱藏
   style="display:none"  //看不到且不佔空間
   style="visibility=hidden" //看不到但會佔空間
   http://css-teach.7happy.com.tw/css-display.php

7.需要用到資料結構的時候怎麼處理

stack 在一般陣列裡面就實作了pop() , 和 push()功能
還真是方便
   http://radar.oreilly.com/2014/03/stacks-in-javascript.html
我猜 Queue 應該也是有實作在裡面吧
陣列長度也是直觀地用 .length 拿取就可以了，很好記
  http://www.wibibi.com/info.php?tid=286

8.總會有些時候需要用到一些數學函式
   像底下這種就很常用
   Math.floor((Math.random() * 3) + 1 //取 1 ~ 3 的亂數

9.如何刪除陣列元素
To remove an element of an array at an index i:

array.splice(i, 1);

If you just want to make the element at index i no longer exist, but you don't want the indexes of the other elements to change:

delete array[i];

10.jquery 下設定 style 樣式(css)
http://www.w3schools.com/jquery/jquery_css.asp

以下為一個計算表單的範例
https://jsfiddle.net/funny4875/dp3pmfr1/
11.數字轉字串後補零
http://www.mokafun.com/javascript-add0