VS11 & ASP.NET 4.5研討會筆記

參加了跨行動裝置網站開發 - 使用 ASP.NET 4.5 Beta & Visual Studio 11 Beta研討會，照例筆記心得備忘。

以綜合整理今天聽到我較關注的部分: (筆記只會摘記關鍵字當索引，本次課程會有錄影檔，有興趣的朋友可留意MSDN FB粉絲團公告)

• Visual Studio 11新功能
  1. JavaScript終於支援Go To Definition功能囉! 像C#一樣，在函數名稱上按F12，就可跳到function宣告所在位置看Code，等這功能等好久嚕... (另外保哥分享: Go To Definition後，按Ctrl+”-“可以快速回到先前檢視位置)
  2. Preview Tab: 點選Solution Explorer或搜尋結果的htm, js, css, cs項目可立即預覽其內容，打字編輯後自動切成開啟狀態。
  3. Page Inspector: 可即時檢視網頁呈現效果，等於在VS11內建了一個IE，並可用IE Dev Tools檢視DOM元素、CSS屬性等。
  4. 自動感應<DOCTYPE>決定用何種HTML標準檢核標籤內容。
  5. HTML結尾Tag自動連動。例如: 將<div>改成<span>時，其對應的</div>也會自動改成</span>。
  6. 在HTML View <asp:***>按右鍵也可叫出Server Control附屬的設定視窗(例如: <asp:GridView>按右鍵叫出UI修改Column設定，以前必須切到Design View才能進行)
  7. 選取一段HTML直接轉成WebForm User Control。
  8. Intellisense自動完成可用"td"帶出"t"ext-"d"ecoration
  9. 強化的CSS顏色選擇器: #ffffff色碼的位置可叫出顏色選擇器，並會提示同網頁使用過的顏色優先挑選，當然也支援自訂顏色及滴管取色。
  10. 支援CSS Hacks，方便編輯IE6, IE7才能識別套用的樣式，以降服萬惡的IE。
  11. 針對CSS3規格，如border-radius，以往需分別寫成-webkit, –o, -moz等專屬語法以確保跨瀏覽器一致，在VS11只要寫標準CSS3樣式，VS11會自動補齊各瀏覽器專用版本。
  12. CSS有縮排效果，例如: #boo span會比#boo內縮。
  13. 用JavaScript指令動態載入的JS也支援Intellisense，Beta版還不Work，RTM才會OK。
  14. jQuery Template部分也支援高亮(Syntax Highlight)顯示。
  15. 支援WinJS(Win8 Metro App)，要開發Win8程式要靠VS11。Expression Blend 5對於WinJS設計提供額外支援。(例如: 呈現清單範本展開的樣子)
  16. JavaScript Intellisense支援XML Documentation為函數定義多載(overloading)呼叫參數說明。
  17. VS11支援自動更新，會主動通知有更新可下載安裝。
• ASP.NET 4.5改良
  1. ASP.Net Web API: 實現Restful Style API(延伸閱讀)
  2. 支援*.js、*.css打包壓縮，<script src=”folderName/js”>可自動將目錄下所有js打包並壓縮，因順序會有影響，如要控制需在檔名上做手腳。
  3. 已內建Anti-Cross Site Scripting Library，AntiXssEncoder.HtmlEncode，或用懶人法<%#: Eval(“PropName”) %>
  4. WebSocket支援: WebSocket Class
  5. ASP.NET 4.5最多可增加35%速度，節省35%記憶體。(最理想的狀況)
  6. <asp:GridView ItemType=”ModelType”>可Bind至Model類別，強型別寫法<%# Item.PropName%>比傳統<%# Eval(“PropName”)%>好寫不易出錯。
  7. Universal Provider: Membership、Profile、Role、Session不限定SQL Server。
  8. 方便的非同步程式語法await async
  9. ASP.NET Validator改為Unobtrusive風格，以data-val-*方式標註檢核要求，不再產生額外JavaScript Code。
  10. TextBox增加ValidateRequestMode，可單獨設定特定TextBox允許HTML標籤字元(參考: 多想兩分鐘，你可以不用 validateRequest=-false)
  11. IQueryable vs IEnumerate: IQueryable來源可以是資料庫/Web Service，不用先將全部資料寫入記憶體、並可支援OData查詢(實現條件查詢/分頁功能)

 

【延伸閱讀】

• 曹祖聖老師--使用 jQuery Mobile 設計跨行動裝置網站 投影片與範例
• 保哥--Visual Studio 11 Beta 開發環境選項設定技巧與心得筆記
• Features NO ONE NOTICED in Visual Studio 11 Express Beta for Web - Scott Hanselman
• HTML5, CSS3 and Javascript improvements in Visual Studio 11