RequireJS 搭配 CKEditor
CKEditor 或 TinyMCE,兩套各有優缺點,CKEditor 雖然功能最完整,也是最肥了,雖然官網可以自己挑選 plugin 來簡化肥肥的 source code。如果是單純用在後台管理,我還是推薦 CKEditor,給前端使用者的話,就推薦 TinyMCE 了,畢竟前台還是要以輕量為主。
[Read More]CodeIgniter REST Server with Backbone.js Issue
CodeIgniter 來當作 REST Server 的朋友們,我相信都會找到 philsturgeon 所寫的 codeigniter-restserver,此套件幫你完成底層 API Response 動作,讓你可以輕易處理 REST URL。但是如果拿這套程式碼來搭配 Backbone.js 你會遇到拿不到 POST 或 PUT 變數問題,作者來一一描述。
[Read More]CSS Clear Fix 小技巧
Nginx 搭配 Laravel PHP Framework 設定
Nginx 設定 Laravel 專案,現在的 PHP Framework 都將 query string 整個導向首頁 index.php,就拿 CodeIgniter 來說,在 Apache 只要設定
RewriteEngine on RewriteBase / RewriteCond $1 !^(index\.php|images|robots\.txt|$) RewriteRule ^(.*)$ index.php/$1 [L,QSA]在 Nginx 內只要透過
try_files 即可
location / { try_files $uri $uri/ /index.php }正常來說 Laravel 直接用上面的設定即可,但是我發現在 $_GET 這全域變數會拿到空值,解法也很簡單,在 Nginx 將 query string 變數帶到 index.php 後面即可
location / { try_files $uri $uri/ /index.php?$query_string; }
Postfix mailbox 設定
Git rebase + stash 小技巧
每天打開電腦,第一件事情就是將專案程式碼更新的最新,以便整合同事新開發的功能,免的跟自己寫的功能衝突,所以最常用用的就是 git pull --rebase origin master
,此命令使用 rebase
來取代 merge
程式碼,也可以避免在 log 清單內出現 merge branch master into master
等字樣,但是如果在開發一半進度時,想同時將同事的程式碼先 merge 進來,會發現無法 merge,git 會請你先將 local 修改過的檔案 commit,才可以讓您更新,所以這時候我們可以用 git stash 方式來解決
如果你在 master 分支上,並且想 pull 最新的 commit,可以透過底下指令步驟
[Read More]Cross Site Request Forgery in JS Web Apps and CodeIgniter PHP Framework
Cross Site Request Forgery 簡稱 CSRF 是網路上最常見的攻擊方式,由於前端的盛行,現在開發網站偏向前後端拆開,前端使用大量的 Javascript 及 CSS3 效果,後端則是使用 PHP, Ruby, Python… 等,前端如何拿到資料庫資料呢,必需透 過 AJAX 方式來存取,常見的後端 API 會設計成 RESTful (GET/PUT/POST/DELETE),後端為了擋住 CSRF 攻擊,所以限定了特殊 Content-Type Header,前端需要帶 application/json 給後端才可以拿到資料,這只能透過 Ajax requests 才可以做到。
[Read More]Twitter Bootstrap 發佈 3 RC1 版本
今天非常開心看到 Twitter 團隊發佈 Bootstrap 3 RC1 版本,Twitter 這次是大動作的改版,連官網都換掉了,如果你還在使用 2.3.2,Twitter 也提供之前的網站版本,讓使用者可以繼續使用,當然希望各開發者可以盡快轉換到 3 RC1,此版本超過 1600 commits 修正。Twitter 也另外開了 Github Organization,如果要找範例的話,可以到 bootstrap-examples 來看看。另外大家最關心的是效能,底下影片介紹 Bootstrap 3 vs Bootstrap 2.3.2 版本差異。
Linode 升級硬碟空間
Linode 繼上次升級了硬體及網路設備,這次又來升級硬碟空間,每個方案將空間調到兩倍 Storage Space Doubled!,所以整體方案表格如下: 今年的動作還真多,果然是受到同業 DigitalOcean 的影響,網路虛擬主機還是需要一點競爭比較好。