Bootstrap是一個利用Convention就幫忙做掉很多事情的一個CSS Framework,讓程式設計師可以很簡單的就可以做出一個很漂亮的UI。
雖然稱為CSS Framework,但其實後端是利用jQuery當作Base幫你處理掉很多事情,也有開放一些介面讓你可以Customize一些功能,可以定義為簡單好看又好用的Framework。
由於Bootstrap的基礎功能不多,因此外界開發了許多建立在Boostrap上的plugin,就像是jQuery有許多plugin依樣,而Bootstrap Table就是其中的一個。
Bootstrap Table
minglight 發表在 痞客邦 留言(0) 人氣(7,279)
談JSONP之前要先談一下瀏覽器的限制 :
瀏覽器是不允許存取不同domain的資源(JSON, HTML, XML...etc), 也就是說, 你沒辦法用Javascript去讀別人網站的內容, 唯一能做的就是用iframe把別人網頁內容顯示出來而已
為什麼可以用JSONP可以呼叫別的網站的內容, 這是漏洞嗎?
瀏覽器是可以允許你去執行別的網站的JS檔, 也許你有用過但是沒有注意到, 你曾經直接用<script> 去執行jquery的script.
也就是說執行JS是允許的, 但是不能去撈別人網站資料來改. 這也就是為什麼會有cross site script attack的原因 (所以有做留言版的功能的記得要擋掉<script>tag)
什麼是JSONP?
minglight 發表在 痞客邦 留言(0) 人氣(102)
定義 :
在一個巢狀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) 人氣(244)
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) 人氣(571)
做轉檔的時候發現其中一些檔案資料跟資料庫拼不起來.
細心如我,早就對每一個檔案的input trim過了, 資料對不起來一定是特殊字元在作怪.
後來才發現, 把他印出來才發現是個沒有被trim掉的空白在作怪.
1. Google找到的 unicode 印出法
minglight 發表在 痞客邦 留言(0) 人氣(116)
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) 人氣(149)
利用<a href="mailto:[Content]">Click ME</a>來做出效果
[Content] 的內容如下 :
[ToEmailList]?key=value&key2=value2
key = cc, bcc, subject , body
Example :
minglight 發表在 痞客邦 留言(0) 人氣(143)
是不是想要把自己在模擬器的行為自動化, 做排程, 機器人, 或是測試網頁的工具? HtmlUnit正是你需要的一套Java API!
下面這個範例, 可以讓你在Facebook login, 並且留言 (繁體中文版限定, 經過測試, 英文版跟中文版的DOM排列方式不一樣 = =a )
API版本 : HtmlUnit 2.10
1. Login Facebook
String email = "";
String pwd = "";
minglight 發表在 痞客邦 留言(0) 人氣(4,352)
jQuery的排程其實一開始是拿來做動畫的, 讓某個DOM可以依序的執行指令,但是也可以拿來自定自己的排程.
排程其實是將一堆function利用.data()放入jquery object裡面, 主要分成兩個function, queue() & dequeue()
- getter
queue( [queueName] )
minglight 發表在 痞客邦 留言(0) 人氣(510)
一. <script> 與 js檔案
1. 當瀏覽器遇到<script>時,會停止文件解析,先執行<script></script>之間的程式
2. window.onload = function(){};避免HTML DOM都還沒形成就在操作
3. load js檔案 : 瀏覽器會假設載入的.js編碼與HTML網頁編碼相同。如果你的.js網頁與HTML編碼不同,JavaScript中非ASCII相容字元部份就會出現亂碼。 => 都改成UTF8吧!!
二. 安全限制
minglight 發表在 痞客邦 留言(0) 人氣(84)