Pages

2014-10-29

範本引擎RazorEngine使用介紹

複雜輸出的字串Template範本,純用字串變數替代法會比較乏力,因此使用一套能持續演進及維護的範本引擎會比較好。在ASP.NET MVC的View Engine裏,Razor語法挺好理解使用的,RazorEngine這免費元件就是把其Razor的表達優點從MVC裏抽出來,可應用在其他用途裏。

RazorEngine Syntax

可以把template內容(編號2)放在任何text file裏,result(編號4)輸出結果為:
RazorEngine Output

值得考慮的是,這元件能否隨著微軟MVC中的Razor版本保持語法更新呢? 在其NuGet官網的發佈版本裏, 從v3.4.x起RazorEngine版本使用Microsoft.AspNet.Razor 3.0.0(僅.NET 4.5(含)以上版本支援),因此.NET 4.0(含)以下的環境需使用v3.3.0版(使用Razor 2.0.30506.0)才能順利安裝。

Version History

PM> Install-Package RazorEngine -Version 3.3.0

不過執行環境允許的話,儘量使用RazorEngine最新版本才能享受到更精簡強大的Razor語法支持!

2014-10-22

自訂系統日期顯示格式

在Win7系統裏,想要修改日期顯示格式,可從控制台的「地區設定」裏去調整。然而,預設日期的格式下拉選單項目是不能修改的,若對其下的樣式項目皆不滿意,可以按「Additional Settings」彈出自訂格式視窗,在日期格式下拉選單中,直接用鍵盤輸入想要的顯示格式。很多人都誤以為下拉選單是唯讀不能編輯的,然而這視窗是例外的,下拉選單允許自行輸入修改

DateFormat

2014-10-15

FlyVPN免費試用連到大陸

大陸地區連到外面一些網路服務要翻牆,往往身處在外地的我們也需要使用大陸IP,這時候可以利用FlyVPN免費試用帳號,進行短時間的測試試用,其簡易步驟如下:

1. 取得FlyVPN Client程式 (單檔免安裝,輸入帳密即可選擇VPN服務器進行連線)

下載: http://www.flyvpn.com/cn/download

FlyVPN Client

 

2. 取得試用帳號/密碼。(密碼會經常改變)
AccountInfo 
免費試用VPN帳戶是為測試和緊急情況下使用,同一個IP每天可以使用免費測試賬戶3次,每次可以使用20分鐘,如需再次使用,請等待5分鐘之後重新連接

3. 連線VPN後,查詢目前電腦IP資訊: http://showip.net/
ShowIP

4. 完成VPN連線,開始使用網路。
TaskIcon

2014-10-08

綁定QQ郵箱輔助帳號

大陸QQ主帳號是一組數字,但當作郵箱帳號,它不太好記憶,因此官方提供輔助帳號,讓你綁定好記的名稱。QQ軟件裏不好找,原來它放在「我的QQ中心 > 帳號」去綁定的。

網址:http://id.qq.com/

QQ Center

QQ郵箱功能其實很好用的,個人覺得比Gmail靈活,尤其它可以預約未來日期寄出信件的功能,出國坐飛機前,先預約寄些個人財務報表給家人,萬一怎麼了,一切都有交待。

2014-10-04

Chrome套件:滑鼠手勢CrxMouse

CrxMouse套件的原名是Gestures for Chrome,到了v2.4後才更名的,是一套功能包括:鼠標手勢,超級拖曳,滾輪手勢,搖桿手勢,平滑滾動,分頁列表的Google延伸套件。

CrxMouse - Chrome 線上應用程式商店
https://chrome.google.com/webstore/detail/crxmouse/jlgkpaicikihijadgifklkbpdajbkhjo/reviews

1. 右鍵頁面滑鼠手勢操作: 基本常用的滑鼠手勢頁面操作方式就不贅述,在其套件Settings設定修改及新增。

手勢「Left/Right - Down」指定為「Close all tabs on the left/right」比較常用。
Close Tabs Gesture

編號1是將剪貼簿Clipboard的URL文字直接開啟,這跟在網址列上按右鍵「Paste and go」同義。編號2是複製該Tab的Title+URL,不過有些頁面無法操作右鍵,因此加裝TabInfoCopy套件是必要的。

Gesture Operation

2. 左鍵Super Drag手勢,針對「文字/連結/圖片」三種元素,使用滑鼠左鍵按住拉曳的操作。

文字Text元素: 編號1-2都設定圈選純文字後拖曳,即可作google文字搜尋。
Text Drag 
連結Link元素: 編號1-2都是將Link另以新Tab背景開啟,節省等待頁面載入時間。編號3是複製Link的文字及URL給別人時很好用。編號4則是複製URL,對於常在下載資源的人非常好用。

Link Drag

圖片Image元素: CrxMouse對圖片元素的拉曳偵測不是很靈光,因此用Chrome的內建右鍵功能就好了。

Image Drag

2014-10-01

多工倒數碼表 MultiTimer

生活裏,假如要多工處理很多事,例如燒開水、洗衣服、下載免空倒數等等,都需要倒數計時器幫助提醒。我試用過多套定時APP,這一套最好用。

image

Google Play下載:
https://play.google.com/store/apps/details?id=com.jee.timer

畫面擷圖:

1. 大方塊列表(Grid),比起一般列表(List)好按。

Grid List

2. 除了倒數時間設定外,你可以在整個時間內設定interval timer,例如每5秒響一下。這很適用在作體能計數及節奏掌控上。

Timer Setting

3. 使用光線感應偵測,關閉提醒。以紅米手機為例,它的光線感應器在左上方,當定時提醒觸發時,只要先把手掌遮在光感器上,再移開即可關閉。這功能對於同時設定多組短時間倒數非常實用,不用再特別沾手操作手機。另外,當提醒響時也可以把手機翻轉,就會變靜音了。

Light Sensor

4. 碼表功能我個人比較少用,也做得中規中矩的。

Ma Tick

5. 手機桌面倒數Widget控件,購買版(NT$70)才能新增2個以上。

Widget