混合開發app的思考

2021-09-01 09:11:40 字數 866 閱讀 7058

類別代表

react-native(jsx)、weex(vue)

dcloud(mui、5+sdk)、ionic(angular、cordova)、webview載入spa應用

瀏覽器載入spa應用

1. react-native

接下來就是乙個乙個的嘗試,最早接觸過react-native開發,就先說說它。

react-native提供了常用的元件,jsx語法,生態圈也比較繁榮,有很多外掛程式。

坑也比較多:

2. ionic

稍微嘗試了下ionic框架,簡單理解就是,ionic提供ui框架,angular作為mvvm渲染框架,cordova作為中介軟體,並負責打包。

ionic的ui元件豐富,大大方便了前端的開發工作,但是ui設計嚴格要求的話,還是需要自己定製的。

3. dcloud

dcloud提供了hbuilder開發工具,mui框架,以及5+sdk,致力於提高html5效能體驗。

mui不僅提供的ui元件豐富,還提供了事件管理、網路請求等功能,真的是一應俱全,而且有相關的完整demo。

坑:4. weex

感覺還有待提高,對初學者很不友好。

從環境搭建,到建立專案工程,再到除錯打包,沒有乙份合理的指導,入坑需謹慎。

坑:5. webview巢狀

前端工程可自行架構,但要注意和客戶端商量好互動方式。

單頁面和多頁面都是可以的。

單頁面有一些注意的地方,重定向最好不要用,replace比push更好用。

webview就相當於瀏覽器,如果從原生跳轉到巢狀spa頁面,再跳轉到原生,可以像瀏覽器一樣正常逐級返回。

從原生跳轉到spa頁面,首先要跳轉到spa專案的路由入口才能繼續向下一級跳轉。

混合式app開發框架

phonegap phonegap的官網位址是 phonegap apicloud apicloud是一款 雲端一體 的移動開發平台,信仰 雲端一體 的理念,重新定義了移動應用開發。apicloud為開發者從 雲 和 端 兩個方向提供api,簡化移動應用開發技術,讓移動應用的開發周期從乙個月縮短到7...

cordova vue混合式開發App

1.建立cordova專案並新增android平台 建立專案指令 cordova create hello com.example.hello helloworld 第乙個hello是cordova自動生成的專案資料夾名稱 第二個com.example.hello我一般填寫公司的名稱,比如 com....

Rexxar 豆瓣對混合開發的思考

前段時間,豆瓣將自己的混合開發框架rexxar開源了。豆瓣可以說是在國內對html5實踐最早的一批公司,早在2013年的時候他們就應用了當時還顯得超前的web component概念開發了cardkit移動ui框架。在移動開發上,豆瓣也採用了混合開發的模式,rexxar就是他們實踐和思考的結晶。我採...