前端開發

這裡所整理的是有關前端開發的文章，前端開發將會包含：Javascript, jQuery, jQuery 與 ASP.NET MVC 整合, 開發工具等，希望借此讓有需要的朋友可以快速找到想要的資料。

Javascript
JavaScript – String.format
JavaScript - 浮點數運算
JavaScript 擴充String的屬性：startsWith, endsWith, contains


jQuery
線上學習資源：30天學jQuery（30 Days to Learn jQuery）

jQuery 取得CheckBoxList裡項目有被選取(Checked=true)的值
jQuery 對下拉選單 DropDownList 的操作 - 1
jQuery 對下拉選單 DropDownList 的操作 - 2：連動下拉選單

jQuery 數字欄位的千分位處理
jQuery 在輸入欄位裡按下Enter鍵也有按Tab鍵跳下一欄位的效果

在前端程式中去計算一個時間與現在時間的差距

前端處理JSON資料 - 轉為陣列以及簡單篩選
前端處理JSON資料與陣列 - 使用 LINQ to JavaScript (1)
前端處理JSON資料與陣列 - 使用 LINQ to JavaScript (2)

使用 Javascript 讓區塊或圖片變成灰階

jQuery 與 ASP.NET MVC (WebForm) 整合
ASP.NET MVC, JSON資料的日期轉換與格式化 1
ASP.NET MVC, JSON資料的日期轉換與格式化 2

圖片裁剪大頭貼功能 - ASP.NET MVC + jQuery + imgAreaSelect
圖片裁剪大頭貼功能 - ASP.NET WebForm + jQuery + imgAreaSelect
圖片裁剪大頭貼功能 - ASP.NET (MVC, WebForm) + jQuery + imgAreaSelect 原始檔
ASP.NET MVC 3 + jQuery imgAreaSelect + fancyBox

ASP.NET MVC上傳檔案,使用file-uploader : 基本操作

ASP.NET MVC上傳檔案,使用file-uploader : 進階操作 Part.1
ASP.NET MVC上傳檔案,使用file-uploader : 進階操作 Part.2
ASP.NET MVC上傳檔案,使用file-uploader : 進階操作 Part.3

ASP.NET MVC 3 資料套用範本 - 使用jQuery.Templates
ASP.NET MVC 3 分頁 - 使用jQuery.Templates + jQuery Pagination Plugin
ASP.NET MVC 3 分頁 - 使用jQuery.Templates + MvcSimplePostPager

ASP.NET MVC 3 - 基本三層連動式下拉選單應用
ASP.NET MVC 與 Javascript Alert

改變 jQuery Validation Plugin 預設訊息的語言 (localization)
ASP.NET MVC 讓 jQuery Validation Plugin 動態切換顯示訊息語系


jQuery EasyUI
連動下拉選單 - 使用 jQuery EasyUI ComboBox
jQuery EasyUI DataGrid Checkbox 資料設定與取值
ASP.NET MVC + jQuery Easy UI Tree 無限階層的樹狀選單
ASP.NET MVC + jQuery Easy UI Tree 無限階層的樹狀選單 - 使用 JSON
ASP.NET MVC 4 + jQuery EasyUI Tree and TreeGrid
ASP.NET MVC 使用 jQuery EasyUI DataGrid 基礎篇

ASP.NET MVC 使用 jQuery EasyUI DataGrid 分頁功能 (DataGrid Pagination)

ASP.NET MVC 使用 jQuery EasyUI DataGrid - 排序 (Sorting)

ASP.NET MVC 使用 jQuery EasyUI DataGrid - 多欄排序 (Multiple Column Sorting) Part.1

ASP.NET MVC 使用 jQuery EasyUI DataGrid - 多欄排序 (Multiple Column Sorting) Part.2

ASP.NET MVC 使用 jQuery EasyUI DataGrid - 多欄排序 (Multiple Column Sorting) Part.3

ASP.NET MVC 使用 jQuery EasyUI DataGrid - Checkbox

ASP.NET MVC 使用 jQuery EasyUI DataGrid - 顯示 Details（使用 PartialView）

ASP.NET MVC 使用 jQuery EasyUI DataGrid - 顯示 Details（Sub DataGrid）

jQuery 練習題
jQuery練習題 - 表格列與行的各欄位相加
jQuery 練習題 : 圖片即時縮圖並裁剪顯示為正方形
jQuery 練習題：三層式連動下拉選單（無後端整合）
jQuery 練習題：ASP.NET MVC 連動下拉選單與 jQuery UI Autocomplete ComboBox
連動下拉選單 - 使用 jQuery EasyUI ComboBox

開發工具
Firefox 開發前端語言時的偵錯工具 Firebug 以及好用的套件
驗證你所寫的jQuery Code - 使用jQuery-Lint
練習 jQuery的小工具–jQueryPad

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

使用 Fiddler2 外掛工具(Json Viewer)來檢視JSON資料

Visual Studio 2012 - jQuery 程式碼片段 (Code Snippets)

各主要瀏覽器的開發者工具( Developer Tool ) Part.1 - Firefox
各主要瀏覽器的開發者工具( Developer Tool ) Part.2 - IE
各主要瀏覽器的開發者工具( Developer Tool ) Part.3 - Opera
各主要瀏覽器的開發者工具( Developer Tool ) Part.4 - WebKit