網頁

2010年9月12日 星期日

一些Visual Studio 2010對於JavaScript的輔助外掛

使用Visual Studio開發網站專案,對於Code Behind程式的編寫輔助都已經有了內建的工具
或是一些外掛工具的輔助,然而對於JavaScript的輔助工具卻不是很多,除了重要的Intellisence外,
卻不見對於JavaScript有更好的管理輔助,
例如,摺疊原始碼、綜覽程式碼架構等…

2010年9月2日 星期四

工具分享:關於 Region 的二三事

整齊、清潔、有序的程式碼對我而言是一種基本的要求,
因為在雜亂無序的程式海裡,要找尋我們的標的物真的是有如大海撈針一樣,
有人或許會說,善用「Ctrl + F」搜尋呀~
但如果是在編排良好的程式之中,一眼就可以知道我們的目標在哪裡,何必花時間去搜尋呢?
時間對於程式設計師來說是何足珍貴呀!

2010年9月1日 星期三

工具分享:Smart Paster

在Visual Studio中寫程式,有時候會遇到需要Copy/Paste大量字串的時候,
例如:SQL Statement、HTML、文章…etc
這時候有些人就會發揮阿信的精神,一行一行的複製然後貼上,
而有些人則是會先將需要的部分複製到VS中,然後再一行一行的去處理這些文字。
而到了VS中,處理字串的連接就又是一們學問,有人喜歡直接用「 += 」的方式來串接(相當不建議)

Enum 物件的屬性值的限定使用、DropDownList使用Enum

有時候有些物件的屬性並不需要在往後去動態新增資料,例如性別、狀態(是與否)等,
雖然說可以在程式的攥寫中使用簡單的數值或是字串做表示也是可行的,但是總是不太直覺,
例如說,人員的性別,帶入的數值如果是用0、1或是F、M來表示,
要是沒有好好的下註解說明,維護程式的人還真的不知道該給什麼值,
如果有個方法可以讓維護人員可以快速又直覺的知道有些什麼資料可以帶入,這樣就很方便了。


ListView + DataPager + LinqDataSource

說來慚愧,因為之前所經歷的專案中都沒有使用過「ListView + DataPager + LinqDataSource」
舉凡一般的表格顯示會優先考慮GridView,而列表顯示會有Repeater, DataList,
雖然知道有ListView可以用,但一直沒有去試著使用。


jQuery練習題 - 表格列與行的各欄位相加

這題目應該是學習jQuery表格操作的基本題。
image
題目相當簡單,
各個橫向列欄位相加,總和放到該橫列的最後一欄,
各個總向行欄位相加,總和放在該縱行的最後一欄,
而縱與橫的欄位相加,放在最右下方的欄位中。

ASP.NET Sprite and Image Optimization Framework介紹與使用

在YSlow Rules中,有關於Image的部份就提出了幾點效能上改進的建議,
http://developer.yahoo.com/performance/rules.html#opt_images
  1. Optimize Images
  2. Optimize CSS Sprite
  3. Don’t Scale Images in HTML
  4. Make favicon.ico Small and Cacheable
而所謂提高網頁效率的14條準則中的第一條就是「Make Fewer HTTP Requests」,
盡可能的減少Client端對Server端的HTTP 請求數。

VS2008 英文版於開發網站專案時無法在ASPX中切換到設計檢視

目前工作環境下的VS2008是使用英文版的,因為之前都是在中文OS下使用中文VS2008,所以沒有這個問題
但是之前VS2008出現了這種鳥問題....
開始就出現「Visual Web Develope HTML Source Editor Package has failed load properly ....」
一開 *.aspx 的檔案時就無法切換到設計檢視...

2010年8月31日 星期二

使用YSlow幫你的網站靜態檔案做優化處理

 YSlow是個不錯的輔助工具,基本上身為一個網站開發人員都應該要學會如何使用這個優良的輔助工具。

Source Code Outliner Power Toy

介紹一個Visual Studio的Power Toy,讓Coding的時候可以更加方便一些,
「The Source Outliner tool is a Visual Studio extension that provides a tree view of your source code's types and members and lets you quickly navigate to them inside the editor」

ASP.NET對Javascript與CSS檔案進行壓縮


前一篇文章「壓縮網頁大小」是說明如何在網頁於輸出前進行檔案的GZip壓縮,

而現在要來說明如何去針對頁面中所使用的Javascript與CSS進行壓縮。

壓縮網頁大小

雖然現在大家普遍都是用寬頻來上網了,不會再如同過去用電話撥接的時代,等個網頁出現會等到睡著,
但也不能因為大家的頻寬都大就可以不必考慮網頁的大小問題,
畢竟你的網站主機輸出的頻寬再大也拼不過一堆人的需求呀!

整理網頁中的ViewState(二) - 從上面移到下面

幾乎很多ASP.NET網頁都會被SEO操作人員所詬病的就是那個「__VIEWSTATE」,
如果說沒有什麼資料,只有少少的一點點是沒有什麼影響,
但是用ASP.NET做網頁就一定會出現ViewState卡在原始碼前面的問題,
也總是會被問到,這鬼東西一定要出現在這個地方嗎?
有人索性就乾脆關掉ViewState,要是網頁非要用ViewState的話,怎麼辦?
絕大部分的人就是不管什麼SEO了……問題還是依然存在。

整理網頁中的ViewState(一) - 壓縮ViewState

之前上班的公司中有一組專門做SEO的Team,因為成員都不是具有程式背景,所以都會認為所有網站程式都是一個樣,
所以當遇到ASP.NET的網站要做SEO時,總是會氣急敗壞的問我原始碼中那一大沱亂碼到底是什麼?

2010年8月30日 星期一

Guid TryParse

日前在專案執行上突然有個需求,就是要對輸入的資料做Guid格式的驗證,
一開始就下意識去找Guid下的TryParse方法,這個時候才發現 .NET 3.5(2.0) 的Guid是沒有TryParse方法…
細查下去才知道,Guid的TryParse與Parse方法在 .NET 4.0才新加入(小弟真是才疏學淺…汗顏…),
之前經常使用Guid,卻甚少對Guid的格式驗證稍加留意。

ASP.NET WebForm DropDownList與Enum

在專案之中,有些不常變動或是固定、為數不多的資料項目,我一般不會去存在資料庫或是其他資料體中,
我會優先選擇使用Enum存放這些KeyValue的資料,不論是取用或是轉換上都蠻方便的。