MySQL

[MySQL note.] 聯合查詢筆記

其實我不知道聯合查詢大家常不常用。不過當時我年輕不懂事的時候好像很愛用的樣子(喂)。使用這種交集式的聯合查詢,其實有一個稍微要注意的地方,就是,針對你在撈出來的資料表中的資料,重複性最好不要太高,這樣使用 UNION ALL 的效率就會非常的好。 詳細的效率可以參考這篇文章(雖然舊了點)。 http://www.mysqlperformanceblog.com/2007/10/05/union-vs-union-all-performance/ 什麼時候會用上?多資料表聯集的時候。但是真的一定要用嗎?上面的文章中,也有指出使用原始查詢條件也可以達到同樣的結果。那,使用聯合查詢有什麼好處(上述文章也有提及)? if you do

PHP

[CakePHP note.] 理解 Model 關聯模式

由於 CakePHP 的模組本身就是 ORM 的一種,所以在操作上有著迅速,便利,低風險(例如 SQL Injection)爾等好處。當然也不是沒有缺點,大概就是要犧牲掉一點效能吧。原生的 SQL 語法當然可以最佳化方式很多,當然衍生的問題也多。 首先,這裡先理解 Model 的運作方式,先是在 models 資料夾中建立一個模組,我們叫他 my_test 好了。他的內容基本上是這樣: <?php Class

Work

[Rewrite note.] 重寫規則筆記

Apache 的 mod_rewrite 大家應該都很熟。然後,我以前也刻了超 60 行的重寫規則,不要問我為什麼要寫那麼多!因為,舊網站資料夾切的太細,重刻網站的時候,為了不要流失搜尋引擎過來的鍊結,只好這麼做了。 重寫規則,可以寫在 Virtual Host 設定中,也可以用在 .htaccess 裡面,差別是,沒差(喂)。但是記得這個東西要打開: AllowOverride all 不打開的話 .htaccess 沒辦法運作喔(啾咪)

PHP

[PHP note.] 關於正規表示式的一點筆記

我發現我很久沒有寫 PHP 的筆記了,不過因為我本來就不太會寫 PHP,所以文章很少也是很合理的(挺)。這次要筆記的東西是正規表示式,其實網路上文章非常多,我首推這篇:Regular Expression (RegExp) in JavaScript 疑?怎麼是 Javascript!?哎呀,沒關係啦,其實正規表示式大家都差不多嘛(喂)。但是呢,我這裡筆記的東西請不要直接搬去給 Javascript 用,會出人命的。首先,我要講得東西這邊全部都有: PCRE regex syntax 所以如果英文不錯的人可以直接看官方說明就好。

Work

[jQuery note.] 關於一點點 Namespace Event 的事情

在改寫自己的 Plugin 的時候出現了一個問題,由於 Event 在 Plugin 中宣告之後,如果重新再次綁定 Plugin 的時候,那麼裡面的 Event 有可能會被重新再綁定一次(等於重複註冊)。所以,後來你就會發現,你的所綁定的物件怎麼不太一樣了。 這時候可以用 Namespace 來解決這件事情。 $("div.myClick").bind("click.myClick", function(event) { ... }); 在一般的

imagemagick

[ImageMagick note.] 圖形裁切的微妙差異

突然想起 黃金分割 比例的問題,所以就用 ImageMagick 來實驗一下。不過,這個作法還是有其限制,如果構圖的方式比較特殊,恐怕就不能這樣做了。至於什麼是 黃金分割 比例,由於我是農夫,所以那三小比例去問問 Google 大神,應該會有很多。 原照片是這樣(黃色的線是黃金分割比例)。 這是使用普通的置中裁切所切出來的縮圖。 如果我們依照黃金分割比例,然後用小邊去擴大我想要得區塊,大致上會是這樣。 所以紅色的地方我可以把他擷取下來。 最後再依照小邊擷取成正方形,並縮圖。 讓我們再看一次差異,這是一般擷取。 這是黃金分割比例的擷取。 打完收工(被揍飛)。 擷取依照此照片的尺寸來說,

Work

[Android note.] Android 小筆記

在 Eclipse 上面開發 Android App 其實算是很方便的一件事情,所有的工具他都幫你整合好了,你只要動手做就好了。只是,對於 Android App 的開發上,有一點很讓人頭大,那就是 UI 的製作。他的方式非常的工程師,由於我並不是一個師程工,所以我覺得這樣很困難也是很合理的(沒有誤)! 搞不好學 JAVA 都比畫他的 UI 要來的簡單(亂講)。 在電腦準備好開發環境後,打開 Eclipse,新建立一個 Android Project

Work

[jQuery note.] jQuery 1.5 在 Events 的探勘

UPDATE, 還是認真說明一下好了(笑) 委派事件(delegate)跟 live 事件其實是指同一件事情,不過有幾個地方不同: 由於 live 事件直接綁定在 document 上,所以一旦有中途有事件傳播被取消(stopPropagation),該 live 事件就不會被觸發。 委派事件(delegate)同樣使用 live 事件的綁定方式,不同的是,他的事件傳播會依序傳回直到被中斷為止。 請看以下範例: http://jsfiddle.net/hinablue/KFkGZ/1/

Work

[jQuery note.] 初探 jQuery Mobile 的筆記

首先,如果可以的話,先看看官方的說明吧! http://jquerymobile.com/demos/1.0a1/ 官方有說,所有的內容與結構都是基於 W3C 的 WAI-ARIA 為準,所以在要做這個之前,還是先得去翻閱一次那些規格等等的文件。因為跟一般的 HTML 有相當的落差,所以其實要上手最快的方式,還是直接去挖官方的 Code 回來參考是比較快的(喂)!附帶一提的是,眼尖的人應該會發現 WAI-ARIA 還是處於 Draft 的狀態(IE 表示:

imagemagick

[ImageMagick note.] 關於 ImageMagick 的工作筆記

關於 ImageMagick 這個東西,我想有在做 Web 的人應該不陌生才對。這裡只是筆記一下,以免以後找不到或是忘記(笑)。 圖片合併的部份,有一個特別的指令,叫做 montage 可用,他可以將圖片合併為 n*m 的陣列模式,可用的參數跟我們常用的 convert 差不多,不過 有些命令 會有相當的差異。如果我們要將圖片做成 3x3,每個圖片是 100x100 px,圖片留白是 6px,那麼命令就是: /usr/

Work

[Android note.] Ubuntu 10.04 with Android SDK and PhoneGap

先前有在網路上看過 PhoneGap 這套東西,以前也有在 Windows 環境底下跑過,不過無奈老電腦實在不適合硬操,加上 Eclipse 真的是個怪物軟體,後來就不了了之。最近,既然已經入手 Desire 了,也換了新的 NB,當然要搞一下開發環境才對得起自己啊! 所以一切的惡夢來自於 Ubuntu(疑)?以下都是以 Ubuntu 10.04 32bit 環境為主! 首先,先準備好 JDK 環境,建議是安裝 Sun

Work

[新玩具] HP ENVY 14 我是外貿協會啦

上一台筆電,就是上次那台 出來拆的一定要組的回來!他已經跟了我快五年了,想想也該換一台生財工具了。所以就選上了 MBP(喂)!不過礙於預算問題,所以就選了這台 HP ENVY 14" 1011tx 了!本來想說用這台機器來安裝 Ubuntu,結果因為 Switchable Graphics 的關係,導致 Ubuntu 無法安裝 ATI 的原廠驅動程式。後來查了一下,才發現目前為止 Linux 還無法支援 Switchable Graphics

Chat

[CSS tech] 在 CSS/XHTML 關於輸出的心得

其實我是農夫(喂),所以工程師的事情我不太會也是很合理的!當完兵之後,懵懂不經事就學人家出社會,結果現在出來跑該還得都還沒還,不過這不是重點(疑)!在這個行業待了幾個年頭,不難會發現台灣的中小企業都跟農會一樣(喂喂),只給你一種肥料,就覺得稻米會長的很好,然後等到收成的時候,又因為他是老大,所以可以 隨便喊價 以量制價,產的比較好,單價就壓低,產的爛,就稍微提高一點點。 還好我小時候都吃自家的米,沒吃到農會的爛米(喂喂喂),不過當兵那陣子吃了一年半載的爛米,難怪會那麼癡肥(疑)。反正,吃米不知道米價這件事情,其實大家都習以為常了。然後就開始惡性循環,一開始的時候,

CSS

[CSS tech.] CSS 3 2D Transforms, Transition 動態效果筆記

IE 退散!往後面站,往後面站,往後面站... 在 CSS3 的規範裡面,新增了對於動態效果的設定。關於這方面的資訊,可以參考 W3C 的文件,相信比看我在這邊廢話要來的好很多(肯定的)。在基於 Webkit 的瀏覽器核心底下(我是使用 Chrome) ,這些效果都能夠正常的顯示,不過,總覺得用太多並不是件好事,似乎很吃系統資源的樣子,在我測試幾次之後,還差點讓 Chrome 掛點(我在 Windows 7 系統下測試)。 CSS

Work

[JS tech.] CKeditor Dialog 再起 part 5

在這裡開始之前,我必須告訴你們一件事情,CKeditor 內含的 Event,也就是總共可以被 fire 的監聽事件,分門別類總共有 56 種之多!其中因為 IE 的關係,selectionChange 的監聽事件分出了 IE 專用的 selectionchange(是的,僅大小寫不同),再扣除測試的兩種監聽 someEvent 與 testEvent,還有原本就在 DOM 常見的監聽式以外,CKeditor 所使用的 Event 還是高達 46