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

minglight 發表在 痞客邦 留言(0) 人氣()

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

minglight 發表在 痞客邦 留言(0) 人氣()

▲top
定義 :
在一個巢狀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);
(繼續閱讀...)

minglight 發表在 痞客邦 留言(0) 人氣()

▲top
The error happens when I try to add a job to a sql server.
The whole error message :   Description: "Login failed for user 'everest_user'.".  End Error  Error: 2013-12-09 11:01:41.14     Code: 0xC020801C     Source: EvalUserSessionDetail OLE DB Destination [94]     Description: SSIS Error Code DTS_E_CANNOTACQUIRECONNECTIONFROMCONNECTIONMANAGER.  The AcquireConnection method call to the connection manager "vmsdsqlpg01<c/>3180" failed with error code 0xC0202009.  There may be error messages posted before this with more information on why the AcquireConnection method call failed. 
DB Version : SQL Server 2008 R2
SSIS Version : From Visual Studio 2008
(繼續閱讀...)

minglight 發表在 痞客邦 留言(0) 人氣()

▲top
做轉檔的時候發現其中一些檔案資料跟資料庫拼不起來.
細心如我,早就對每一個檔案的input trim過了, 資料對不起來一定是特殊字元在作怪.
後來才發現, 把他印出來才發現是個沒有被trim掉的空白在作怪.
1. Google找到的 unicode 印出法
(繼續閱讀...)

minglight 發表在 痞客邦 留言(0) 人氣()

▲top
Table : ExamResult
Columns : ClassNo, StudentNo, Name, Score
 
SELECT *
FROM ExamResult r1
WHERE (
  SELECT count(*)
  FROM ExamResult r2
  WHERE r1.Score < r2.Score and r1.classNo = r2.classNo
) < N
order by classNo, Score desc
分析 :
列出在相同班級裡面，分數比自己大的人, 小於N人
Ex : N=1, 列出各班第1名的
PS. 為何不使用 = (N-1) ,
      例如 (N-1)=0時, 沒有人分數比我高
             (N-1)=1時, 只有一個人分數比我高
(繼續閱讀...)

minglight 發表在 痞客邦 留言(0) 人氣()

  • 個人分類：
▲top
利用<a href="mailto:[Content]">Click ME</a>來做出效果
[Content] 的內容如下 : 

     [ToEmailList]?key=value&key2=value2
          key = cc, bcc, subject , body
Example : 
(繼續閱讀...)

minglight 發表在 痞客邦 留言(0) 人氣()

▲top
是不是想要把自己在模擬器的行為自動化, 做排程, 機器人, 或是測試網頁的工具? HtmlUnit正是你需要的一套Java API!
下面這個範例, 可以讓你在Facebook login, 並且留言 (繁體中文版限定, 經過測試, 英文版跟中文版的DOM排列方式不一樣 = =a )
API版本 : HtmlUnit 2.10 
1. Login Facebook
String email = "";
String pwd = ""; 
(繼續閱讀...)

minglight 發表在 痞客邦 留言(0) 人氣()

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

minglight 發表在 痞客邦 留言(0) 人氣()

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

minglight 發表在 痞客邦 留言(0) 人氣()

▲top
一. 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
(繼續閱讀...)

minglight 發表在 痞客邦 留言(0) 人氣()

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

minglight 發表在 痞客邦 留言(0) 人氣()

▲top
1 2 3
Blog Stats
⚠️

成人內容提醒

本部落格內容僅限年滿十八歲者瀏覽。
若您未滿十八歲，請立即離開。

已滿十八歲者，亦請勿將內容提供給未成年人士。