以迷你應用程式進行程式設計

在本章節中,我想回顧從網路開發人員的觀點,研究小型應用程式後學到的經驗,或是回答建構迷你應用程式方式代表的問題。

元件

與其重新開發滾輪,讓開發人員建構其他常見的 UI 範例實作項目,例如分頁、手持式、輪轉介面等。微型應用程式則只是隨附的預設元件,方便您在需要時採用。網路上也有許多選項,其中我列出了迷你應用程式元件的章節。在理想情況下,網路上的元件程式庫是以自由混用的方式建構而成。實務上,使用元件時必須購買特定設計系統的鎖定機制,否則元件程式庫的發布方式會是全無或全無,但在專案中無法輕鬆加入個別元件。但有些不可分割的元件,或是為了不設定樣式的通用元件等程式庫使用。利用這些器找到你似乎是個好主意。

模型檢視-檢視模型

模型檢視 - viewmodel (MVVM) 架構模式:可透過開發後端邏輯 (模型) 的標記語言,協助分離圖形使用者介面 (檢視畫面) 的開發,這代表檢視畫面並不依附於任何特定模型平台。儘管這個模式已登錄已記載的缺點,一般來說,這種做法通常很適合用於複雜的迷你應用程式。此外,使用內容豐富的範本程式庫特別能引人注目 (請參閱下一章)。

逐頁思考

對小型應用程式偵錯顯示,這些應用程式基本上屬於多頁應用程式 (MPA)。這有許多優點,例如可使用簡易轉送和無衝突的個別頁面樣式。使用者已成功將 MPA 架構應用至漸進式網頁應用程式。透過頁面思考也有助於管理各個頁面的資源 (例如 CSS 和 JavaScript 檔案),以及圖片和影片等其他資產。最重要的是,藉由建構這種方式,如果您未載入其他任何項目,就能免費取得以路徑為基礎的程式碼分割功能。在這種情況下,根據定義,每個頁面都只會載入其運作所需的內容。

建構程序

迷你應用程式沒有可見的建構程序。在網頁上,Snowpack 等新型建構工具會使用 JavaScript 內建的模組系統 (稱為 ESM),避免執行不必要的工作,而且無論專案規模大小,都能維持快速運作。儘管 Web Bundle 這類技術仍在早期開發階段,但其實可以輕鬆新增至建構程序。

強大的功能

網路平台最近獲得了許多新功能。您現在可以透過藍牙USBHIDserialNFC 存取裝置。如果小型應用程式是在 WebView 中執行且依賴 JavaScript 橋接器,就可以直接在網頁上使用這些強大的功能,因此您不會針對 JavaScript 橋接器提供的 API 編寫程式,而是針對沒有中繼行為端的瀏覽器 API 編寫程式。

特別銘謝

本文由 Joe MedleyKayce BasquesMilica MihajlijaAlan Kent 和 Keith Gu 審查。