原创 跨平臺移動開發實戰(六)------Jquery mobile的動態化

由於頁面的控制和展現都放在了mobile客戶端,所以UI的動態化就需要通過JS在客戶端完成。針對JQM的動態化,主要用到以下兩個技術: JQM組件動態修改界面模板化1)JQM組件動態修改 常常需要動態修改JQM某些組件的顯示,由於它有獨立

原创 跨平臺移動開發實戰(三)------HTML5開發環境搭建

跨平臺移動開發實際上就是基於HTML5開發軟件界面和主要的業務邏輯,因此一套完善的基於移動平臺的HTML5開發環境是非常有必要的。這裏我主要的關注點是以下四點: Javascript和Jquery mobile的編輯器HTML5的各個元素

原创 跨平臺移動開發實戰(四)------Android開發環境網絡連通解決方案

Android的開發環境環境搭建比IOS簡單得多,Eclipse+Android SDK+Eclipse插件即可滿足需求,如果搭建環境我就不多提了,這裏想着重提兩點: Android源碼關聯device與server網絡連通如何關聯And

原创 跨平臺移動開發實戰(八)------移動客戶端網絡通信

服務器端搭建好後,移動客戶端就需要基於HTTP和Websocket來和服務器端通信,HTTP就基於Ajax來實現,Websocket就得靠各個移動平臺瀏覽器對Websocket的支持,基本的開發大家查查文檔就比較容易掌握,這裏我着重談三點

原创 推薦近年來印象最深的幾本書

1. 浪潮之巔 推薦理由:幫助我們從程序員這樣的小角色跳出來,以更寬視角重新認識我們從事的這個行當,只有吳軍這樣的大師才能寫出這樣的鉅著 2. 數學之美 推薦理由:吳軍又一本讓我癡迷的書,要是當年讀了這本書,不至於枉費4年數學

原创 跨平臺移動開發實戰(十二)------HTML5安全

把應用的端擴展到mobile自然而然會帶來安全的隱患,特別是對於我們基於HTML5來做跨平臺的開發更是如此。HTML5提供了很多特性,各個平臺都在努力的實現這些特性,開發者也努力地在使用這些特性,以此求得不一樣地體驗。然而,事情都有兩面性

原创 phonegap源碼分析(三)------ IOS

幾個月前看過phonegap在Android和WP上的實現源碼,當時苦於沒mac環境,直到現在才抽出時間學習了一下phonegap是如何讓JS與native串聯起來的。 phonegap在IOS上和在WP很類似,由於IOS App內置的W

原创 跨平臺移動開發實戰(十一)------各平臺(chrome+android+ios+webos)上的項目結構

由於需要在把應用打包成各平臺上的native app,所以需要按照各個平臺的項目結構來組裝應用,所以雖然主體程序都是基於HTML5開發,但依然需要在各個平臺上都構建一套項目,下面介紹一下我開發的這麼幾個版本的項目結構: ChromeAnd

原创 跨平臺移動開發實戰(二)------IOS開發環境搭建

首先我想提一下既然是跨平臺的方案,還爲什麼要搭建各個平臺的開發環境。Phonegap+HTML5的方案不是搞出一個在任何平臺都能無需編譯就能運行的package,而是一種能讓Javascript與native相整合的方案,因此基於它做出的

原创 跨平臺移動開發實戰(十)------與native集成

現在各大平臺羣雄逐鹿,推出各種讓人炫目的feature,基於HTML5開發最大的弊病就是無法享受最新最炫的native feature和性能問題,而Phonegap的價值就在於此,它就是爲了讓你既能基於HTML5享受跨平臺的便利,又能享受

原创 跨平臺移動開發實戰(七)------服務器端快速搭建

客戶端與服務端基於HTTP和WebSocket網絡協議來通訊,其中HTTP用於從客戶端向服務端的請求,WebSocket用於從服務端向客戶端的推送,因此服務器端需要支持HTTP和WebSocket兩種協議。HTTP好說,所有Web服務器都

原创 從Samples中入門IOS開發(一)------ XCode上手

爲了能更快速地閱讀和調試IOS源碼,上手XCode是第一步,總的來說XCode相比Eclipse要封閉許多,並且傳承Apple的設計理念,看起來很簡單的開發工具,複雜功能都藏得很深。試用了幾天,談不上完全上手,但感覺掌握以下幾點後(基於E

原创 Chrome extension的manifest_version升級過程幾個棘手問題的解決方法

之前基於Jquery mobile做了一個Chrome app,就在要給客戶做showcase的時候,chrome強制升級manifest_version到2(http://developer.chrome.com/extensions/

原创 跨平臺移動開發實戰(九)------移動端本地存儲方案

雖然數據都有Server端提供,但移動程序開發一般都需要支持offline使用模式,因此需要移動客戶端本地存儲數據,我按數據類型不同分爲三種實現方案: 簡單數據(key-value):HTML5 Web Storage複雜數據(SQL):

原创 跨平臺移動開發實戰(五)------基於Jquery mobile開發UI的核心要素

Phonegap不管UI這塊,並且既然選擇HTML5作爲技術路線,那麼就不能基於各個平臺的UI庫來開發界面,因此選擇一個基於mobile的HTML5 UI框架就顯得非常重要了。Phonegap官方網站提供了一個選擇列表,基本上涵蓋了能夠和