kcliu's

2013-04-20T14:33:00.002+08:00

未免google下一個關站目標會對準blogger (抖)，因此決定將blog轉到tumblr XD

google chrome中jQuery resize() trigger 兩次問題

2012-09-28T12:26:00.001+08:00

最近的專案使用到 jQuery 的 resize()，在使用上發現當browser為google chrome的時候，按最大化按鈕或是往下還原按鈕時，resize event總是會trigger兩次，而在firefox上則是正常的。求助google之後找到解法。

code paste 如下：

可以使用 setTimout 搭配 clearTimeout 把第一次的triggered event取消掉，如此一來就只會trigger一次了。

不過在jQuery resize official manual中也有提到：

Code in a resize handler should never rely on the number of times the handler is called. Depending on implementation, resize events can be sent continuously as the resizing is in progress (the typical behavior in Internet Explorer and WebKit-based browsers such as Safari and Chrome), or only once at the end of the resize operation (the typical behavior in some other browsers such as Opera).

所以只要一開始就避免 "rely on the number of times the handler is called"的話，這個問題理論上是不會造成影響的。

ref:

http://stackoverflow.com/questions/667426/javascript-resize-event-firing-multiple-times-while-dragging-the-resize-handle

http://www.xiaoboy.com/detail/1341545030.html

如何在OSX Dock中插入空格以達到分組效果

2011-04-29T00:35:00.001+08:00

最近在某個教學影片中看到講者的dock呈現如下圖的效果.

由圖中可以發現, 如果在Dock中插入空格就可以達到簡單的grouping效果,
因此survey了一下, 尋得作法如下：

首先先開啓terminal, 輸入以下指令.

 defaults write com.apple.dock persistent-apps -array-add '{"tile-type"="spacer-tile";}'

接著重啟Dock

 killall Dock

於是就會發現Dock中跑出一個空格, 這時就可以開始搬App Icons, 如果要繼續生空格出來, 重複上述指令即可.

從SVN server直接刪除revision

2011-02-18T15:43:00.003+08:00

使用svn時如果不小心commit進不該commit的東西, 理論上是無法反悔此次的commit, 只能再補一版revision來作修正. 然而如果透過修改svn server上的檔案, 就可以巧妙的將最新一版的commit移除. (其實最多也只能作到這樣, 如果想把某個非最新的revision移除是無法作到的.)

假設目前你的svn repository最新一版的revision為10, 那麼將10砍掉還原回9的步驟如下：

總共要動到三個檔案, 如果放在svn server上的repository目錄名稱為project, 進入底下兩個目錄砍掉兩個檔案,

rm svn/project/db/revs/10 
rm svn/project/db/revprops/10

svn/project/db/current這個檔案內會紀錄目前版號, 所以把10改成9就完成了.

關於學習git的一些資源

2010-08-31T17:13:00.005+08:00

大家都知道git雖然很好很強大, 可是與其它SCM比起來, 複雜性大大地提高, 學習曲線陡升, 而即使已經實際使用git一段時間了, 可能還用不到其完整功能的百分之一. 所以這邊簡單紀錄一下我的學習方法, 順便列出一些學習資源.

首先是入門階段, 個人覺得 Coreutils Contribution Guidelines 的主題雖然並非git, 但對於git的一些基本觀念寫得蠻好的, 英文也很簡單易懂.

至於平常在使用git時, 就都以man page為主, 畢竟大部分時間都是在 CLI 底下工作, 譬如我想查詢git patch相關資訊就可以用 :

git apply --help

至於在閱讀man page時如果看到不太懂的專有名詞, 我都是到 Git Community Book 找解答, 事實上這個網站的內容也不僅如此,除了基本使用技巧, 也有進階教學. 內容豐富, 個人蠻推薦的.

至於git書籍, Version Control with Git 應該很夠用了. 其實我目前翻閱的次數也不多, 但是身邊沒有一本專業書籍總是會不太踏實XD.

當然也不能忘記for programmer的專門討論區 stackoverflow, What are your favorite git features or tricks? 這個討論串列出了許多git的小技巧, 也有許多進階功能與正確的使用觀念. 其中有個對我這個從svn轉過來git的使用者來說很不錯的trick,可以用來設定好一些慣用的svn操作指令, 如下:

git config --global alias.st status
git config --global alias.co checkout
git config --global alias.ci commit

其他諸如git bisect之類的介紹也都很不錯.

最後這個 why is git better than subcversion 的討論串則是比較了git跟svn的優劣, 我覺得真是相當中肯阿, 可以看完這個再決定是否真的想跳槽到git來.

附註:
如果想搭配 github (一個based on git的project hosting website)一起服用的話, 那github提供的 help page 也可以是選擇之一.

vim小技巧 : Text object selection, 使用cit, dit, ci", di"

2010-08-20T16:35:00.005+08:00

昨天學到一個vim技巧,
假設有一行字如下

<head>this is title</head>

如果我想要把夾住的內文整個改掉 ( i,e, 把this is title刪掉 ), 就可以用cit作到.
仔細分析一下, c表示delete並進入insert mode, 而 it 則表示inner tags.

所以如果是遇到下面這行的情況,

printf("hello world\n");

想把 hello world\n 砍掉, 但不想進入insert mode, 就可以用di"來完成.

可以在vim下使用 :h it or :h tag-blocks觀看更多說明與用法.

ref:
http://stackoverflow.com/questions/946188/delete-text-in-between-html-tags-in-vim

SVN server's disk runs out of disk space , how to recover it.

2010-08-12T12:00:00.002+08:00

最近在作 svn commit project到 server時, 出現了磁碟空間不足的訊息.此次commit自然也就中止了.為了保持repository資料的正確與完整, 這時候svn server會使此一 repository的lock無法被任何process解開,亦即對此一repository所做的任何access動作都會被中止. 所以即使已經清出硬碟空間之後想要再次commit, 也會無法成功.

要解決此一情況, 必須要先對svn server端做recover的動作, 使用指令 :

svnadmin recover /path/to/repos

如果有看到Recovery completed 就表示成功了.

ref : 在 http://svnbook.red-bean.com/en/1.1/ch05s03.html 的 Repository Recovery一節有更詳細的解釋.

給 javascript 使用的熱鍵函式庫 (shortcut library)

2010-07-08T22:28:00.002+08:00

最近想為手上的firefox extension project加上shortcut的功能, 於是便去survey了一下.一下子就找到了 shortcut.js , 這支library實在是非常地簡單易用, 而且在此網頁中馬上就可以測試其效果.同時也提供了下面的example code, 只要將shortcut.js抓下來即可使用.

<code class="javascript">shortcut.add("Ctrl+B",function() {
alert("Bold");
});
</code>

而我的用法則是在xul檔裡面加上此行, 如下：

<script type="application/x-javascript" src="shortcut.js">
<script>
    shortcut.add("X",function() {bmyOBJ.onCommand();});
</script>

如此一來只要按下x 即可呼叫到我要的function.

看日本動畫學英文

2010-06-24T21:18:00.001+08:00

最近開始嘗試看日本動畫來學習英文，很多人大概很納悶，看日本動畫為什麼可以學英文，明明講的是日文阿。但其實是因為美國也是有許多日本動畫的狂熱粉絲，所以不管什麼動畫作品，其實都找的到英文字幕，因此便可以透過閱讀英文字幕來學習英文。但是此一方式當然是無法練習到英文聽力的部份，如果有此一需求，也是有些作品有英文配音啦，但是個人認為日本動畫搭配英實在是說不出的怪，所以還是偏好日語發音就是了。

也許有人會問，既然如此，為何不乾脆看美劇搭配英文字幕比較快，還可以同時練英聽，豈不是兩全其美？事實上我也看了不少美劇，如果說美劇像是英文書籍中的一般類型, 那日本動畫的英文字幕就像是青少年類型的書籍, 以前國中時，老師也是先讓我們閱讀童書來學習英文呀. 日文動畫的英文字幕不僅句子結構較為簡易，單字也比較少，學習起來勝任愉快。而一般口語用法，文法與閱讀速度上的訓練卻也不因此較觀看美劇來得少。至於附加效果，莫過於像我這種也正在學習日文的人，就可以一邊練習日文聽力，一邊訓練英文閱讀速度。而最最最重要的，有人就是比較喜歡看日本動畫呀XDDD

CDargs : 加強版cd

2010-04-01T19:18:00.004+08:00

今天發現一個好東西：CDargs
可以對directories作書籤管理，如此一來要進入比較深的目錄時就不用老是打一堆長長的路徑了。
因為我是用ubuntu，所以安裝方式很簡單：

sudo apt-get install cdargs

安裝完之後最快的作法就是讓bash去吃官方的default設定檔：

source /usr/share/doc/cdargs/examples/cdargs-bash.sh

使用方式：

ca [label]   把目前所在目錄加入書籤，並取名為[label]

cv [TAB]     會出現目前有的書籤label，也可以直接cv [label]跳過去

cpb          當成cp使用就對了，當然target dir就直接用[label]

mvb          同上，當成mv使用

P.S. 直接打cv會進入GUI模式，也可以方便切換目錄以及作書籤管理，進入GUI mode打? or H 都可以閱讀說明。
參考網址：
http://www.skamphausen.de/cgi-bin/ska/CDargs
http://www.linux.com/archive/feature/114073

Building chromium OS under Linux environment (64bit ubuntu)

2010-03-31T12:45:00.005+08:00

google chromium OS official site：http://www.chromium.org/chromium-os/building-chromium-os

1. 編譯環境

install ubuntu 9.04 64 bit (裝8.04 version得自己升級git version to 1.6)

2. prerequisites

http://code.google.com/p/chromium/wiki/LinuxBuildInstructionsPrerequisites
抓上列網址內的install-build-deps.sh來執行即可安裝所有需要的套件
On 64bit system, you will need these packages also:
- sudo apt-get install lib32asound2-dev lib32bz2-dev

3. 開始抓codes前要先裝好抓code的工具：install the depot_tools

http://dev.chromium.org/developers/how-tos/install-gclient

記得設好環境變數
- export PATH=`pwd`/depot_tools:"$PATH"

4. get the source

http://dev.chromium.org/chromium-os/building-chromium-os/getting-the-chromium-os-source-code
optional 的部份不用作, 除非要自己build "chrome browser"
Check out directly from SVN
- create and cd [your Chromium source directory]
- gclient config http://src.chromium.org/svn/trunk/src
- gclient sync

5. 接下來就開始build code (請確定網路環境開放穩定)

http://www.chromium.org/chromium-os/building-chromium-os/portage-based-build
scripts/make_chroot
scripts/enter_chroot.sh (下面三行都是chroot進去之後執行)
scripts/setup_board --board=x86-generic
scripts/build_packages --board=x86-generic
scripts/build_image --board=x86-generic

6. 製作usb開機碟或是virtual machine vdi檔 (記得先exit離開chroot環境)

usb
- http://www.chromium.org/chromium-os/building-chromium-os/portage-based-build
- see the section：Copy the image to a USB key
virtualbox
- scripts/image_to_virtualbox.sh --from=~/....../build/images/x86-generic/SUBDIR

P.S.

如果要build成給 virtualbox使用的vdi檔, 要額外裝下列套件

sudo apt-get install virtualbox-ose-modules-generic

如果 make_chroot失敗, 要清掉chroot重來

scripts/make_chroot --delete

lilyterm 熱鍵與其他程式衝突解決之道

2010-03-16T02:21:00.005+08:00

有的時候 vim常用熱鍵會跟lilyterm衝到而無法使用, 所以要用下面方法避開:

1. 編輯~/.config/lilyterm.rc, 加入：

close_tab_key = Ctrl+Shift Delete

2. Ctrl+`暫時關掉熱鍵, 再執行一次就會再開啟

裝了autocomplpop plug-in之後偶爾出現的錯誤訊息 : 'omnifunc' is not set

2010-03-15T14:37:00.003+08:00

幫 vim 裝了autocomplpop plug-in之後, 編輯html檔案有時會出現option 'omnifunc' is not set 的錯誤訊息 (事實上是當我按<的時候就會出現), 於是就去google了一下子, 照著vim使用中的一些錯誤這篇文章的方法在 .vimrc 加入下面幾行即可:

autocmd FileType python set omnifunc=pythoncomplete#Complete
autocmd FileType javascript set omnifunc=javascriptcomplete#CompleteJS
autocmd FileType html set omnifunc=htmlcomplete#CompleteTags
autocmd FileType css set omnifunc=csscomplete#CompleteCSS
autocmd FileType xml set omnifunc=xmlcomplete#CompleteTags
autocmd FileType php set omnifunc=phpcomplete#CompletePHP
autocmd FileType c set omnifunc=ccomplete#Complete

當然如果只是要解決html檔案的部份只要加FileType html那行就好, 只是既然看到了就全都加一加吧.

folding

2010-03-15T12:10:00.002+08:00

最近都在玩vim,

這篇紀錄vim使用folding的方法

在命令mode 輸入set foldmethod=syntax即可 (當然也可以寫進.vimrc)

操作方法為 :

zo 打開一個folding
zc 關閉一個folding
zO 打開一個folding (包含此folding裡面所有folding)
zC 關閉一個folding (包含此folding裡面所有folding)
zR 打開所有folding
zM 關閉所有folding

貼複製的內容進vim

2010-03-11T20:50:00.001+08:00

在vim cmd mode:
r!cat
然後貼上剛剛複製的內容
再按ctrl+d終止cat

大功告成

makefile 執行流程與注意事項

2010-03-10T18:12:00.001+08:00

make 時的執行流程:

檢查是否有 include 其他 makefile
載入所有此階段該立即展開的變數
尋找第一個target
尋找此 target 的 prerequisite 是否也是 target, 並執行prerequisite的dependency的判斷
prerequisite的dependency處理完之後, 才開始對第一個target進行dependency的判斷

注意事項:

只執行make沒帶任何參數時, 會以makefile內第一個target為預設target
有時候會看到prerequisites 為空的情況, 其實是因為根據定義: "a target is out of date if it does not exist as a file", 所以當target並非檔案時 (e.g. make clean), 後面放任何prerequisites都是沒意義的, 永遠都會執行cmd. 但如果很不湊巧有個跟target相同名稱的檔案存在, 就會產生"target" is up to date的情況. 因此為了保險起見, 記得要對這類target加 .PHONY

reference :
http://blog.csdn.net/zg_hover/archive/2009/03/24/4020633.aspx

同時開兩個不同profile的firefox

2010-03-09T18:37:00.001+08:00

1. 首先當然得使用firefox -ProfileManager 產生兩個以上的 profile

2. 使用firefox -P 來選擇要開哪一個：

$ firefox -P default

3. 如果要在第一個跑default的firefox不關閉的情況下再開另一個profile, 則使用firefox -no-remote -P：

$ firefox -no-remote -P developer

generating core dump file

2010-01-27T15:45:00.002+08:00

寫程式時常常會遇到segmentation fault, 這時就會想要產生core dump file, 然後搭配gdb 來作debug.
因此得先用ulimit -a 看一下core dump選項, 當數值為0時就不會產生任何檔案

如果輸入ulimit -c unlimited 之後, 就可以不設限core dump file的size

如此即可產生core dump file.

不太熟悉的vim指令

2010-01-13T18:12:00.001+08:00

在這邊紀錄一下自己還不太習慣使用的vim指令

cursor:

# 跳到上一個keyword ( * 用到爛了)
e 跳到word end
b 前一個word
w 下一個word
^ 開頭第一個字母
[{ 區塊頭
]} 區塊尾
{ 上一個{
} 下一個}

移動畫面:

zz 將此行移至螢幕中央
zt 移到top
zb 移到bottom
H,M,L

combo:

yw copy一個word

misc:

J 和下一行合併
^a 對數字作遞增 (會被screen func key 蓋掉)
^x 對數字作遞減
gv 再次選取上次選過的visual block

dvtm 指令

2010-01-08T11:46:00.002+08:00

最近裝了dvtm來搭配screen一起使用 (我是改.screenrc, screen啟動時直接開一個dvtm)

記了一些功能以免忘記

視窗操作

ctrl+g c 開新視窗
ctrl+g x 關閉當前視窗
ctrl+g j 跳至下一視窗
ctrl+g # 跳至#視窗
ctrl+g enter 將目前視窗移至master area (每個layout中的主畫面即為master area)
ctrl+g m 最大化目前視窗

layout相關

ctrl+g space 自動切換layout
ctrl+g g[rid] 切換成grid layout
ctrl+g b[ottom] 切換成bottom layout
ctrl+g t (vertical) 切換成vertical layout

滑鼠操作

左鍵單點跳至此視窗
滑鼠左鍵2次最大化/還原所選視窗
右鍵摺疊視窗
shift+左鍵用滑鼠選取文字

調整視窗大小

ctrl+g l 增加master area 5% width
ctrl+g h 減少master area 5% width

vimdiff

2010-01-05T16:25:00.001+08:00

vimdiff 可以設定 diff options

比較好用的是 :set diffopt+=iwhite
如此即可忽略whitespace跟tab所造成的差異.

:set diffopt+=icase則是可以忽略大小寫的不同, 在某些情況或許會用到

詳情可以:help diffopt

check out one file from SVN

2009-12-25T16:44:00.006+08:00

如果只要checkout一個file, 不能只用平常的checkout方法, 做法如下:

svn checkout [url_of_big_dir] [target] --depth empty
cd [target]
svn up [file_you_want]

在Python處理binary data

2009-12-24T00:21:00.003+08:00

如果在Python裡面必須要處理一些binary data, 例如寫一些binary data到file裡, 由於write()必須傳string型態進去; 所以如果要將binary data完整寫入檔案內, 必須要import struct, 然後使用 pack()即可.

詳情可以參考Python Library

Playing dvd by mplayer in Ubuntu

2009-12-21T01:47:00.009+08:00

在ubuntu上要正常播放dvd, 只裝完mplayer是不夠的, 還得加裝libdvdcss2才行
詳細可以參考這篇文章
另外, mplayer 的preference裡面的video一欄, 也得調成x11才行.

用ssh連Virtualbox的Guest OS

2009-12-17T17:03:00.005+08:00

使用Virtualbox 的management指令, 將Host OS的port 轉給 Guest OS的 port 22

VBoxManage setextradata VDI_NAME "VBoxInternal/Devices/pcnet/0/LUN#0/Config/ssh/Protocol" TCP
VBoxManage setextradata VDI_NAME "VBoxInternal/Devices/pcnet/0/LUN#0/Config/ssh/GuestPort" 22

VBoxManage setextradata VDI_NAME "VBoxInternal/Devices/pcnet/0/LUN#0/Config/ssh/HostPort" 3456

這樣只要連到Host OS的IP, port 3456就可以ssh進Guest OS了