今天給各位分享前端混合app開發(fā)的知識，其中也會對app混合開發(fā)平臺進行解釋，如果能碰巧解決你現(xiàn)在面臨的問題，別忘了關注本站，現(xiàn)在開始吧！

app前端開發(fā)之前要做什么 知乎

app前端開發(fā)可以理解為現(xiàn)在所謂的大前端開發(fā)，對于大前端這一詞語，沒有一個準確的說法，一般前端發(fā)展都需要具備多種開發(fā)技能，除去傳統(tǒng)的 PC 端開發(fā)，Web 端開發(fā)，還有基于微信的公眾號開發(fā)、小程序開發(fā)，配合打包技術實現(xiàn)的混合 APP 開發(fā)，以及桌面應用開發(fā)，還有基于 node.js 進行后臺開發(fā)。

前端開發(fā)是創(chuàng)建Web頁面或app等前端界面呈現(xiàn)給用戶的過程，通過HTML，CSS及JavaScript以及衍生出來的各種技術、框架、解決方案，來實現(xiàn)互聯(lián)網(wǎng)產(chǎn)品的用戶界面交互。

如何開發(fā)混合式app

Hybrid App（混合模式移動應用）是指介于web-app、native-app這兩者之間的app，兼具“Native App良好用戶交互體驗的優(yōu)勢”和“Web App跨平臺開發(fā)的優(yōu)勢”。

Hybrid App按網(wǎng)頁語言與程序語言的混合，通常分為三種類型：多View混合型，單View混合型，Web主體型。

【多View混合型】

即Native View和Web View獨立展示，交替出現(xiàn)。2012年常見的Hybrid App是Native

View與WebView交替的場景出現(xiàn)。這種應用混合邏輯相對簡單。即在需要的時候，將WebView當成一個獨立的View（Activity）運行起來，在WebView內(nèi)完成相關的展示操作。這種移動應用主體通常是Native App，Web技術只是起到補充作用。開發(fā)難度和Native App基本相當。

【單View混合型】

即在同一個View內(nèi)，同時包括Native View和Web View?；ハ嘀g是覆蓋（層疊）的關系。這種Hybrid App的開發(fā)成本較高，開發(fā)難度較大，但是體驗較好。如百度搜索為代表的單View混合型移動應用，既可以實現(xiàn)充分的靈活性，又能實現(xiàn)較好的用戶體驗。

【W(wǎng)eb主體型】

即移動應用的主體是Web View，主要以網(wǎng)頁語言編寫，穿插Native功能的Hybrid

App開發(fā)類型。這種類型開發(fā)的移動應用體驗相對而言存在缺陷，但整體開發(fā)難度大幅降低，并且基本可以實現(xiàn)跨平臺。Web主體型的移動應用用戶體驗的好壞，主要取決于底層中間件的交互與跨平臺的能力。國外的appMobi、PhoneGap和國內(nèi)的WeX5、AppCan和Rexsee都屬于Web主體型移動應用中間件。其中Rexsee不支持跨平臺開發(fā)。appMobi和PhoneGap除基礎的底層能力更多是通過插件（Plugins）擴展的機制實現(xiàn)Hybrid。AppCan除了插件機制，還提供了大量的單View混合型的接口來完善和彌補Web主體型Hybrid App體驗差的問題，接近Native App的體驗。而WeX5則在揉合PhoneGap和Bootstrap等主流技術的基礎上，對性能進一步做了深度優(yōu)化，不但完全具備Native

App對本地資源的調(diào)用能力，性能體驗也不輸原生；WeX5所開發(fā)出來的app具備完全的跨端運行能力，可以無需任何修改直接運行在各種前端環(huán)境上。

從分析可見，Hybrid App中的Web主體型只要能夠解決用戶體驗差的問題，就可以變成最佳Hybrid App解決方案類型。

混合開發(fā)之uni-app

uni-app App端內(nèi)置weex渲染引擎，提供原生渲染能力

然而， Weex并不是一個前端框架 。實際上，前端框架僅僅是 Weex 的語法層或稱之為 DSL (Domain-specific Language)，它們與原生渲染引擎是分離的。換句話說，Weex 并不依賴于特定的前端框架，隨著前端技術的發(fā)展，Weex 也可以集成更多廣泛使用的前端框架。

以往的 weex ，有個很大的問題是它只是一個高性能的渲染器，沒有足夠的API能力，使得開發(fā)時非常依賴原生工程師協(xié)作，開發(fā)者本來想節(jié)約成本，結果需要前端、iOS、Android 3撥人開發(fā)，適得其反。而 nvue 解決了這個大問題，讓前端工程師可以直接開發(fā)完整 App，并提供原生插件的市場交易和云打包。這些組合方案，開發(fā)者切實的提高效率、降低成本。

如果你是web前端，不熟悉 weex，那么建議你仍然以使用 vue 為主，在App端某些 vue 表現(xiàn)不佳的場景下使用 nvue 作為強化補充：

uni-app App 端內(nèi)置 HTML5+ 引擎，讓 js 可以直接調(diào)用豐富的原生能力。

小程序及 H5 等平臺是沒有 HTML5+ 擴展規(guī)范的，因此在 uni-app 調(diào)用 HTML5+ 的擴展規(guī)范時，需要注意使用條件編譯。否則運行到h5、小程序等平臺會出現(xiàn) plus is not defined錯誤。

在普通的 H5+ 項目中，需要使用 document.addEventListener 監(jiān)聽原生擴展的事件。

uni-app 中，沒有 document?？梢允褂?plus.globalEvent.addEventListener 來實現(xiàn)（注意manifest中需開啟新編譯器，即自定義組件模式"usingComponents":true）。

同理，在 uni-app 中使用 Native.js 時，一些 Native.js 中對于原生事件的監(jiān)聽同樣需要按照上面的方法去實現(xiàn)。

注意：舊編譯器（非自定義組件模式）不支持 plus.globalEvent 這個對象。

關于前端混合app開發(fā)和app混合開發(fā)平臺的介紹到此就結束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關注本站。