Browsing articles in "網頁前端"
八月
5
2013

七步驟快速建立Windows的Sass+Compass+susy環境

1. Install Ruby
http://rubyinstaller.org/downloads/
我習慣把開發的環境建置在 D:\Develop\

2. Update Ruby
開啟命令提示字元

D:
cd Develop\Ruby200-x64
gem update --system

3. Install Sass
* Standard Gem

gem install sass

* Prerelease Gem

gem install sass --pre

4. Install compass

gem install compass

5. Install susy

gem install susy

6. Create Projcet

compass create <project name> -r susy -u susy

7. Execute

compass watch

這邊我強烈建議使用console,如果使用其他的套件或工具常常會詭異的發生下面的錯誤

LoadError on line xxx of xxx.file: no such file to load -- susy
七月
9
2013

解決CKeditor在ajax無法更新內容的問題

CKeditor搭配ajax使用的時候,會發生明明在editor的區域編輯完成,但透過ajax post的方式送出去的資料卻還是編輯前的資料,遇到這樣的問題,我們需要做一點手腳
首先先加入這個function

function CKupdate(){
	for(instance in CKEDITOR.instances)
		CKEDITOR.instances[instance].updateElement();
}

接著我們需要在ajax post的function的開始地方加入CKupdate(); 這樣一來CKeditor就可以跟ajax post完美的整合運作了

CKupdate();
var sendData = $('#come_true_story_edit_form').serialize();
$.ajax({
七月
4
2013

Node.js顯示物件內容的方法

我在學習node.js的時候,有時候想要知道到底程式讀到了什麼內容,於是就使用

cosole.log('Req:', req);

的方法,希望得到資料,但是天不從人願,console會顯示

Req:[object Object]

google了之後找到可以讀出內容的方法,程式的寫法如下

console.log("Req %j : "+require('util').inspect(req));

希望對在學習node.js的朋友有幫助