PIXNET Logo登入

minglight

跳到主文

Ming's Blog

部落格全站分類:視覺設計

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 2月 09 週一 201514:26
  • Bootstrap Table 參考資料

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

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

  • 個人分類:Javascript & CSS
▲top
  • 4月 21 週一 201417:41
  • 淺談JSONP - 合法的Cross Site Data Transfer

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

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

  • 個人分類:Javascript & CSS
▲top
  • 3月 05 週三 201416:44
  • Javascript - Closure的運用

定義 :
在一個巢狀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)

  • 個人分類:Javascript & CSS
▲top
  • 12月 09 週一 201311:33
  • MS Integration Service (SSIS) 遇到的問題 : error code 0xC0202009

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)

  • 個人分類:MS Reporting Service
▲top
  • 3月 11 週一 201315:54
  • 沒辦法被Trim掉的space : non-break space(nbsp)

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

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

  • 個人分類:Java World
▲top
  • 1月 24 週四 201317:48
  • SQL - 找各班分數排名前N的

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)

  • 個人分類:
▲top
  • 10月 25 週四 201218:10
  • 利用HTML做出可以有標題跟內文的Email Link

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

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

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

  • 個人分類:Javascript & CSS
▲top
  • 10月 22 週一 201217:44
  • 利用HtmlUnit - 使用Java連到一個網頁,執行自動化程式,或是執行某段script

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

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

  • 個人分類:Java World
▲top
  • 8月 10 週五 201210:39
  • 分享jQuery的queue使用

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

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

  • 個人分類:Javascript & CSS
▲top
  • 7月 29 週日 201211:57
  • 良葛格Javascript筆記導覽 - CH4 瀏覽器相關&自訂Utils

一. <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)

  • 個人分類:Javascript & CSS
▲top
123»

近期文章

  • Bootstrap Table 參考資料
  • 淺談JSONP - 合法的Cross Site Data Transfer
  • Javascript - Closure的運用
  • MS Integration Service (SSIS) 遇到的問題 : error code 0xC0202009
  • 沒辦法被Trim掉的space : non-break space(nbsp)
  • SQL - 找各班分數排名前N的
  • 利用HTML做出可以有標題跟內文的Email Link
  • 利用HtmlUnit - 使用Java連到一個網頁,執行自動化程式,或是執行某段script
  • 分享jQuery的queue使用
  • 良葛格Javascript筆記導覽 - CH4 瀏覽器相關&自訂Utils

文章分類

toggle 專案Review (1)
  • Taitra (0)
toggle 學習筆記 (7)
  • linux (0)
  • Struts2 (0)
  • MS Reporting Service (1)
  • Hibernate (0)
  • Sharepoint (4)
  • Java World (7)
  • Javascript & CSS (14)
  • GWT (1)
  • Google App Engine (0)
  • 有用資訊區 (1)
  • 生活心得 (0)
  • 未分類文章 (1)

最新迴響

  • [14/11/12] Steven 於文章「ThreadLocal概念介紹...」留言:
    那在Dao updte的時候 , 為何不直接呼叫sessio...
  • [12/07/06] 賴 建宏 於文章「面試經驗分享...」留言:
    先前台灣IBM搞砸台灣高鐵的訂票系統, 我被公司外派過去替他...
  • [12/05/11] Monty Pan 於文章「GWT Overview...」留言:
    我有用 google alert 訂閱 GWt,所以才看到的...
  • [12/05/10] Monty Pan 於文章「GWT Overview...」留言:
    拍謝,來打擾一下... 1. 嚴格說來,GWT 只有保...

文章彙整

參觀人氣

  • 本日人氣:
  • 累積人氣: