minglight

Bootstrap是一個利用Convention就幫忙做掉很多事情的一個CSS Framework，讓程式設計師可以很簡單的就可以做出一個很漂亮的UI。
雖然稱為CSS Framework，但其實後端是利用jQuery當作Base幫你處理掉很多事情，也有開放一些介面讓你可以Customize一些功能，可以定義為簡單好看又好用的Framework。
由於Bootstrap的基礎功能不多，因此外界開發了許多建立在Boostrap上的plugin，就像是jQuery有許多plugin依樣，而Bootstrap Table就是其中的一個。
Bootstrap Table

談JSONP之前要先談一下瀏覽器的限制 :
    瀏覽器是不允許存取不同domain的資源(JSON, HTML, XML...etc), 也就是說, 你沒辦法用Javascript去讀別人網站的內容, 唯一能做的就是用iframe把別人網頁內容顯示出來而已
為什麼可以用JSONP可以呼叫別的網站的內容, 這是漏洞嗎? 
    瀏覽器是可以允許你去執行別的網站的JS檔, 也許你有用過但是沒有注意到, 你曾經直接用<script> 去執行jquery的script.
    也就是說執行JS是允許的, 但是不能去撈別人網站資料來改. 這也就是為什麼會有cross site script attack的原因 (所以有做留言版的功能的記得要擋掉<script>tag)
什麼是JSONP?

定義 :
在一個巢狀function的內部, child function使用到outter function的local var時, 會把local var綁著.
這時候如果inner function變成回傳值傳出去, 或者是被當作參數丟進去某個function中, 都會綁著這個Local var.
前情提要 : 
1. local var
    在一個function內, 用var xxx宣告的變數, 稱為local variable. 他的生命週期就在這個function的"{" 到 "}", 如果出了function還呼叫這個變數, 就會出現var不存在的錯誤訊息
    Note : 什麼不是local var => 
               a.  在最外層用var ooo宣告的變數, 其實他是window的成員變數
               b.  在function內部用this.xxx宣告的變數, 他是這個function被new起來之後的成員變數
2. 什麼是巢狀function
    function outter(){
　     function inner(){
        }
　}
    
用法與時機 : 
      如果你要使用一個API, 但是這個API紙可以傳function, 卻沒有辦法傳參數進去的時候, 就可以用Closure的方式把變數傳進來
ex1 : 跑Clock, 把傳進來的i綁起來.
1.1 標準的巢狀function
function outter(i){
   function inner(){
       document.getElementById('clock').html = i;
       i = i *2;
   }
   setInterval(inner, 1000);
}
outter(1);

利用<a href="mailto:[Content]">Click ME</a>來做出效果
[Content] 的內容如下 : 

     [ToEmailList]?key=value&key2=value2
          key = cc, bcc, subject , body
Example : 

jQuery的排程其實一開始是拿來做動畫的, 讓某個DOM可以依序的執行指令，但是也可以拿來自定自己的排程.
排程其實是將一堆function利用.data()放入jquery object裡面, 主要分成兩個function, queue() & dequeue()
- getter 
queue( [queueName] ) 

一. <script> 與 js檔案
  1. 當瀏覽器遇到<script>時,會停止文件解析,先執行<script></script>之間的程式
  2. window.onload = function(){};避免HTML DOM都還沒形成就在操作
  3. load js檔案 : 瀏覽器會假設載入的.js編碼與HTML網頁編碼相同。如果你的.js網頁與HTML編碼不同，JavaScript中非ASCII相容字元部份就會出現亂碼。 => 都改成UTF8吧!!
二. 安全限制

一. constructor
  1.  建立物件的兩種方式
  2.  使用new時會回傳的物件型態分別為何?(依照有沒有return)
  3.  function內部的this會指向的物件如何在runtime時找到對應?
  4.  每個物件都會有constructor,用兩種建立物件方式得到的constructor分別為何?
  5.  function名稱其實就是constructor的變數名稱
  6.  說明function.constructor vs. obj.constructor的差別
  7.  利用Closure做出一個getter & setter的function
二. prototype

一.函式宣告
  1. 回傳值預設為何?
  2. 參數(parameter),引數(argument)的定義
  3. function隱藏變數有哪三個,如何使用
  4. 改變參數的值,也會改到隱藏變數arguments相對應的值嗎?
  5. 使用Option object當成參數時的缺點為何?
二. Function instance
  1. function實際上為Function的instance, 所以function也可以當成引數丟到別的function裡面. 示範用Function對應function的宣告
  2. 說明三種宣告的差別
      function a(){....} 

一. 核心
  1.  三大類型型別
  2.  數字型別
  3.  6個被判斷為false的值 
  4.  6種type
  5.  null vs. undefined vs. xx is not defined的差別

想要用setTimeout來使用delay call loop, 但是參考W3School卻沒有地方可以呼叫參數!!
直接參考Closure, http://minglight.pixnet.net/blog/post/43019938