iOS Hybrid 框架 - PhoneGap

iOS Hybrid 框架

Hybrid App 開發(fā)（開篇）

本系列會(huì)介紹本人在 Hybrid App 開發(fā)當(dāng)中的經(jīng)驗(yàn)，從簡單的基本常識(shí)到高級(jí)的開發(fā)技巧，全部大概包含 10 篇左右的文章，由于本人時(shí)間和精力有限，所以不定期更新。

【騰訊 bugly 干貨分享】解耦 —Hybrid H5 跨平臺(tái)性思考

跨平臺(tái)，是 H5 最重要的能力之一。而 Hybrid H5 因強(qiáng)依賴于具體 app，往往不具有跨平臺(tái)性。這時(shí)，將強(qiáng)依賴關(guān)系解耦，即可恢復(fù) H5 的跨平臺(tái)能力。近期本人負(fù)責(zé) 手 Q 紅包打賞項(xiàng)目的前端開發(fā)，因項(xiàng)目涉及到多 app 跨平臺(tái)兼容，對 hybrid H5 的跨平臺(tái)性有了一定的感悟和思考。在這里做下總結(jié)分享，希望能對大家有所收獲。

Hybrid 開發(fā)：JsBridge - Web 和客戶端的橋

Hybrid 開發(fā)中，web 頁面往往會(huì)跟 native 進(jìn)行交互，而 JSBridge 就是 web 頁面和 native 進(jìn)行通信的橋梁，通過 JSBridge 可以實(shí)現(xiàn) web 調(diào)用 native 的方法，native 可以通過 webview.loadUrl 之類的方法，將 javascript:xxx 代碼放…

漂亮的菜單彈出控件 BoomMenu

作者經(jīng)過 8 個(gè)月的打磨，開源出來一個(gè)很酷炫的菜單控件。ios 版本 https://github.com/Nightonke/VHBoomMenuButton

Hybrid APP 開發(fā)：模板包管理平臺(tái)

大上周文章提到了 Hybrid 的模板本地化解決方案，本文介紹下模板包的管理平臺(tái)。 管理平臺(tái)功能 模板包的管理平臺(tái)主要功能包括： 自動(dòng)編譯 自動(dòng)增量 上傳包 推送下發(fā) 提測 小流量 & 灰度：按客戶端 id 下發(fā)、小流量 數(shù)據(jù)收集：收斂，速度，監(jiān)控 整體架構(gòu)和流程圖 部分細(xì)節(jié)講解 通過 gi…

QQ會(huì)員基于 Hybrid 的高質(zhì)量 H5 架構(gòu)實(shí)踐

本文為SDCC 2016（杭州站）的分享實(shí)錄，介紹QQ會(huì)員的前端開發(fā)團(tuán)隊(duì)在手Q的hybrid模式下對H5頁面的性能優(yōu)化、組件化和持續(xù)集成方面的實(shí)踐。

淺談Hybrid

詞典上的翻譯 就是混合體的意識(shí) 那么在移動(dòng)開發(fā)中他就是Native+Web混合開發(fā)的意思

斗米客戶端架構(gòu)思想

1

Hybrid APP 架構(gòu)設(shè)計(jì)思路

關(guān)于 Hybrid 模式開發(fā) app 的好處，網(wǎng)絡(luò)上已有很多文章闡述了，這里不展開。

本文將從以下幾個(gè)方面闡述 Hybrid app 架構(gòu)設(shè)計(jì)的一些經(jīng)驗(yàn)和思考。

Hybrid APP 開發(fā)：模板本地化

本文是公眾號(hào)文章直接貼過來的，發(fā)現(xiàn)圖片都沒自動(dòng)上傳，文章最后有我的公眾號(hào)二維碼（或者搜索關(guān)注：sanshuiqing123），關(guān)注我的公眾號(hào)，查看歷史文章。上次文章介紹了 Hybrid 開發(fā)中常用到的 Web 和 NA 的通信方案：JSBridge，通過比較之后，最終推薦安卓和 iOS 通用的…

Hybrid App 跨平臺(tái)熱更新方案實(shí)踐 附帶源碼

前言 移動(dòng)開發(fā)的跨平臺(tái)與快速發(fā)布一直是開發(fā)者的追求，也是技術(shù)的一個(gè)發(fā)展趨勢，現(xiàn)在各大廠開始有了自己的大前端團(tuán)隊(duì)，所以我們也開始了自己的探索，目前來說主要有兩種思路： Hybrid App 代表: Cordova 通過 Webview 加載 Web 頁面，在 Native 和 Web 頁面之間建立…

Hybrid APP 架構(gòu)設(shè)計(jì)思路

本文從幾個(gè)方面闡述了Hybrid app架構(gòu)設(shè)計(jì)的一些經(jīng)驗(yàn)和思考。

三種常見的 hybrid 通信方式

細(xì)說 JSInterface、JSBridge and UrlRouter

如何打造一個(gè)高性能的 Hybrid App

如果在一個(gè)公司，存在很多 native 和 H5 同時(shí)需要開發(fā)的頁面，為了節(jié)省開發(fā)成本，此時(shí)如果只開發(fā) H5，就需要考慮 native 的體驗(yàn)了，而這就是本文的目的，如何讓 native 端擁有像加載本地頁面一樣的速度去加載 H5。

[譯] 使用 iOS 10 的 Speech 框架構(gòu)建一個(gè)語音轉(zhuǎn)文本 app

一個(gè)最新的 Speech Framework 使用指南

Hybrid App開發(fā)框架、資源、工具集

國外開發(fā)者整理的Hybrid App開發(fā)所需的資源，包括工具、框架、視頻等

H5 和移動(dòng)端 WebView 緩存機(jī)制解析與實(shí)戰(zhàn)

web 緩存是 web 開發(fā)逃不開的一個(gè)話題，在減少網(wǎng)絡(luò)帶寬消耗、降低服務(wù)器壓力和提高頁面打開速度方面有廣泛應(yīng)用。本文從實(shí)際 web 應(yīng)用項(xiàng)目中緩存相關(guān)問題出發(fā)，較為全面地分析了 html5 緩存機(jī)制的原理與應(yīng)用以及移動(dòng)端應(yīng)用 webView 對 html5 緩存機(jī)制的支持方式，以供 web 開發(fā)的同學(xué)們參考。

[英] 10 步帶你做一個(gè)棒棒的 Hybrid 應(yīng)用

作者列舉出來 10 個(gè)做 Hybrid 應(yīng)用的步驟，有一個(gè)規(guī)劃，做相應(yīng)的市場調(diào)研，性能和一個(gè)好的設(shè)計(jì)同等重要， 如何優(yōu)化網(wǎng)絡(luò)請求，以及測試這個(gè) Hybrid 應(yīng)用等等，快行動(dòng)起來吧。

Hybrid APP 開發(fā)（六）：JSSDK

拖稿了好久的「Hybrid APP 開發(fā)系列」又更新了~ 今天繼續(xù)寫 JSSDK 為什么會(huì)有 JSSDK 我之前文章介紹了通過 JSBridge 實(shí)現(xiàn)頁面和 NA 的相互調(diào)用，并且介紹了模板本地包的開發(fā)和后臺(tái)維護(hù)系統(tǒng)。今天介紹的是 JSSDK，通過 JSSDK 可以實(shí)現(xiàn)：抹平 JSBridge 的…

ReactNative&weex&DeviceOne 對比

React Native 出來有一段時(shí)間了，國內(nèi)的 weex 和 deviceone 是近期發(fā)布的，我可以說從 2011 年就開始關(guān)注快速開發(fā)的跨平臺(tái)平臺(tái)技術(shù)了，接觸過 phoneGap、數(shù)字天堂、appcan 等早期的移動(dòng)中間件技術(shù)，也跟朋友也討論過這類的輕量級(jí)框架。

總結(jié)

以上是生活随笔為你收集整理的HybridApp的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。