ioses開發工具,移動app新聞開發

H5開發（fā）移動端APP基於H5

基於前端（duān）應用，技（jì）術棧成熟，數據（jù）完整。

有許多（duō）平台和（hé）開發工具可供選擇，包括幾乎一站式的代碼編輯、調試和打包服務（wù）。基於（yú）H5的環境和原生底層的交互（hù）越來越多，很多功能界（jiè）麵和效果幾（jǐ）乎和原生（shēng）一樣。

缺點：

相比原生，H5在開發APP的（de）劣勢（shì）是（shì）有些場景完全暴露（lù）。比如一些動（dòng）畫、手勢操作、異步任務處理等。以及一些（xiē）用於訪問相（xiàng）冊的硬件和用於圖像處理的底層設備。這些地方都表現出明顯的不（bú）足。

開發工具架太多等等。如果一（yī）個不熟悉前端的新人過來，他幾（jǐ）乎不知道該怎麽辦。

因此，H5開發非（fēi）常適合一些（xiē）業務邏輯簡單、操作不複雜的（de）應用。對於一些重型應用（yòng），原生（shēng）是主要的，H5也（yě）是一個很好的（de）匹（pǐ）配。

開（kāi）始

首先，開發工具和框架。我選擇了HBuilderX，一個功能強大且易於使用的前端開發工（gōng）具。

mui_logo .巴布亞新（xīn）幾內亞

集成各種插件工具，基於（yú）MUI和H5的（de）強（qiáng）大操作，在線打包，一鍵生成ioses和安卓應用。文（wén）檔是完美的（de）(剛開始還是會讓你（nǐ）感到困（kùn）惑，就像參（cān）考手（shǒu）冊一樣，沒有一個完美的過程描述，所以要花一（yī）些時間去學習)。

在開發，的過程中，強大的（de）Vue.js被用作列表的數據表示和事件綁定（dìng）。值得一提的是，可能是因為我為數不多次接觸到這個框（kuàng）架，給了我（wǒ）一種震撼的感覺。數（shù）據綁定、事件處理（lǐ）、關聯太方便了。

部分圖（tú）片已（yǐ）經介紹了阿裏巴巴字體，文檔（dàng）官方很清楚如何介紹自定義字體。

大多（duō）數操作使（shǐ）用H5，一個強大的基礎庫。官方聲稱擁有超（chāo）過500，000個API，幾乎涵蓋了本（běn）機操（cāo）作的所有方麵。

APP截圖效果

1.png效（xiào）果圖

2.png效（xiào）果圖

效果如何？和本地人（rén）一樣嗎？

目前很大一部分功能已經實現，還有進一步完善（shàn）的時間。我會把改進後的代碼放到GitHub上，供大家參考。HBuilderX應用本地打包(安卓)

ioses:mui，HBuilderX，

我喜歡跨平台（tái）運營，未來會在努力學習的同（tóng）時繼續學習跨平台技術（shù）棧原生。

對於非開發，本地人（rén）的前端合作夥伴來說，這樣的（de）APP在（zài）開發也是不錯的選擇。