[Javascript] JSONP: some useful tutorials

If you want to know the detail process of JSONP(JSON with Padding).
There are some useful web pages:

1. [JSONP] Use jQuery + JSONP + ASP.Net to get data via  the cross-domain way. ( in Chinese)
2. Cross-Domain Ajax (JSONP) (in Chinese)

[Chrome] The Useful Materials of Chrome Storage

  Congratulations! The number of users for my developed Chrome extension:Yahoo Dictionary (The Chinese name is "Yahoo字典查詢器") has been over 540 users. The next version 0.3 will have some important features:

1. Store the searched word to construct user's learning records.
2. Customize user preferences.

  In order to develop these significant features,  the main question is that how to store user's records. The answer is use Chrome Storage.
  Fortunately, I have collected some useful materials as the followings:

1. Write a simple Google Chrome extension. (There is one simple example about Chrome localStorage)
2. How to build a Chrome extension, Part 2: Options and localStorage
3. Google Chrome Extensions: Chrome Storage
4. Google Chrome: Managing HTML5 Offline Storage
5. Google Chrome Extensions: Manifest Format. (See "unlimitedStorage" )

Please be patient and have best wishes to the next patch!

Thanks for your reading, and you can reply me under this page if you have any questions.

Regards,

The developer of Chrome Extension: Yahoo Dictionary

[Web Design] 用jQuery Mobile 開發Mobile Web Apps

方才筆者看到了jQuery 的手機版網頁開發：jQuery Mobile
號稱由jQuery 團隊支援的手機版網頁開發APIs，
有著以下特色：

• 以 jQuery 為核心
• 檔案極小 (重新製作過的核心壓縮過約80kb，加上css約48kb)
• 支援HTML 5，且透過 HTML5 data-* tag 來達成種種 UI 的設定
• 自動切換排版
• 支援滑鼠與觸碰事件 (Event Driven)
• WAI-ARIA (參見[4], [5], [6]  )
• 強大的佈景主題系統
• ASP.NET MVC 的支援 (特別支援 ASP.Net MVC 4 )
• 支援市面上大部分行動裝置
• 畫面一致
• 多樣化的 UI
• Progressive Enhancement & Graceful Degradation

讓對於手機程式開發不熟的網站工程師，能夠用既有的Web Design技術，開發Web Apps for Tablet or Smart Phone。

目前jQuery Mobile發展至1.1.0版，支援ToolBar, ListView, Button, Event等功能，有興趣的人可到官網看Demo。

其它相關的Mobile Web App開發libraries 有：

1. PhoneGap (目前版本 1.6.1 )

2. Sencha Touch 2

有興趣的讀者，不妨選擇一套來玩玩看吧。

身為jQuery愛用者的我，當然是選擇jQuery Mobile囉！

參考資料

1. 台大計算機中心電子報：跨平台手機服務開發 jQuery Mobile

2. 微軟邊做邊學系列：使用jQuery Mobile 及 ASP.NET開發跨行動裝置網站 (Mobile Web) (新手推薦)

3. 使用 jQuery Mobile 快速開發 mobile 網站  (新手推薦)

4. WAI-ARIA 介紹之一

5. WAI-ARIA 介紹之二

6. WAI-ARIA 介紹之三

7. jQuery Mobile官方網站

8. PhoneGap官方網站

9. PhoneGap 跨平台的行動應用程式開發框架 (推薦閱讀)

10. 宅學習- PhoneGap

11. PhoneGap 1.0 讓手機程式開發者橫掃七個平台！（影片）

12. Sencha Touch 2官方網站

13. 【Android學習筆記】你的第一支PhoneGap應用程式：Hello Inside!

14. Android 開發教學筆記 - 使用 PhoneGap、jQuery Mobile 與台北市政府開放資料(Open Data)

15. [JS Group] Beginning Phonegap (有關PhoneGap的介紹)

URL最大長度

URL最大長度的限制，在標準規範中並無定義。但是，Microsoft Internet Explorer 有規定，需在
2,083個字元內。其他瀏覽器，如Firefox、Chrome、Opera等，至少為65,536個字元。

但Apache Server可接受的字元數為4,000，IIS則為16,384。

因此，若開發人員想要利用URL傳遞參數的話，URL長度盡量在2,000個字元內，會比較安全。


參考資料

1. URL的最大長度限制
2. 最大 URL 長度是在 Internet Explorer 中的 2,083 字元

[ASP.NET] [網摘] 使用JSON.NET處理動態物件屬性

就如同Json.NET官網的解說："Json.NET is a popular high-performance JSON framework for .NET"。
而黑暗執行緒 網站也為它介紹了這麼一段話："一個極為出色的Open Source JSON解決方案，提供了如同JavaScriptSerializer序列化及反序列化JSON字串的功能，甚至支援LINQ式操作，最重要的是它可透過JObject的物件模型支援"動態物件"，解決類別屬性不固定的問題。"

因此，若大家有興趣的話，可以到這邊看看，黑暗執行緒網站怎麼以簡單的範例帶我們了解JSON.NET如何支援動態物件吧！

[ASP.NET] 在MVC 3上包JSON物件，送給Controller的方法

大家搞了好久才知道怎麼做。感謝Shawn的提供，我來筆記一下:)
根據 Posting JSON Data to an ASP.net MVC 3 Web Application 的解說，我們只要輸入透過ajax等技術，把要抓取的Web物件，封裝好後，丟給後端的MVC Controller協助處理就好囉。
程式碼大概長成下面這樣：

若想進一步研究，我有以下三個不錯的連結提供給各位：
1. http://social.msdn.microsoft.com/Forums/zh-TW/236/thread/0ab6d592-8ded-4b34-a396-229c319b54ee
2. http://stackoverflow.com/questions/309115/how-can-i-post-an-array-of-string-to-asp-net-mvc-controller-without-a-form
3. http://stackoverflow.com/questions/5251992/using-jquery-post-for-mvc-3-not-working-when-deployed

C# & ASP.NET相關資源

• 程式角落：ASP.NET(C#)
• ASP.NET中的Code Behind技術
• 關於 Code Behind 與 Code Inline 開發模式的使用時機與技巧
• 詳細解說幾個建置網站時常用的編碼方法
• 必網文章集錦 (包含了ASP.NET, PHP, XML...)
• [c#]asp.net+jQuery+json做Ajax
• ASP.NET MVC3
• ASP.NET 基本資料庫連結
• C# Coding Style

[網頁] jQuery 初探

上網找了一些學習資源，初學者依照以下順序閱讀即可。
1. jQuery 教學 - 基礎篇
http://jsgears.com/thread-63-1-1.html
2. jQuery 語法基礎
http://webdesign.kerthis.com/jquery/
3. jQuery Tutorials for Designers (有現場範例可以給你了解)
http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/
4. 更多教學文章推薦
http://jsgears.com/thread-75-1-1.html
5. 當然，官方的Document也是必備的閱讀材料之一。只是我覺得它的文法有些奇怪。
http://docs.jquery.com/Main_Page