小型應用程式獲得良好成效
在本章節中,我想回顧從網路開發人員的觀點,研究小型應用程式後學到的經驗,或是回答建構迷你應用程式方式代表的問題。
元件
與其重新開發滾輪,讓開發人員建構其他常見的 UI 範例實作項目,例如分頁、手持式、輪轉介面等。微型應用程式則只是隨附的預設元件,方便您在需要時採用。網路上也有許多選項,其中我列出了迷你應用程式元件的章節。在理想情況下,網路上的元件程式庫是以自由混用的方式建構而成。實務上,使用元件時必須購買特定設計系統的鎖定機制,否則元件程式庫的發布方式會是全無或全無,但在專案中無法輕鬆加入個別元件。但有些不可分割的元件,或是為了不設定樣式的通用元件等程式庫使用。利用這些器找到你似乎是個好主意。
模型檢視-檢視模型
模型檢視 - viewmodel (MVVM) 架構模式:可透過開發後端邏輯 (模型) 的標記語言,協助分離圖形使用者介面 (檢視畫面) 的開發,這代表檢視畫面並不依附於任何特定模型平台。儘管這個模式已登錄已記載的缺點,一般來說,這種做法通常很適合用於複雜的迷你應用程式。此外,使用內容豐富的範本程式庫特別能引人注目 (請參閱下一章)。
逐頁思考
對小型應用程式偵錯顯示,這些應用程式基本上屬於多頁應用程式 (MPA)。這有許多優點,例如可使用簡易轉送和無衝突的個別頁面樣式。使用者已成功將 MPA 架構應用至漸進式網頁應用程式。透過頁面思考也有助於管理各個頁面的資源 (例如 CSS 和 JavaScript 檔案),以及圖片和影片等其他資產。最重要的是,藉由建構這種方式,如果您未載入其他任何項目,就能免費取得以路徑為基礎的程式碼分割功能。在這種情況下,根據定義,每個頁面都只會載入其運作所需的內容。
建構程序
迷你應用程式沒有可見的建構程序。在網頁上,Snowpack 等新型建構工具會使用 JavaScript 內建的模組系統 (稱為 ESM),避免執行不必要的工作,而且無論專案規模大小,都能維持快速運作。儘管 Web Bundle 這類技術仍在早期開發階段,但其實可以輕鬆新增至建構程序。
強大的功能
網路平台最近獲得了許多新功能。您現在可以透過藍牙、USB、HID、serial和 NFC 存取裝置。如果小型應用程式是在 WebView 中執行且依賴 JavaScript 橋接器,就可以直接在網頁上使用這些強大的功能,因此您不會針對 JavaScript 橋接器提供的 API 編寫程式,而是針對沒有中繼行為端的瀏覽器 API 編寫程式。
特別銘謝
本文由 Joe Medley、Kayce Basques、Milica Mihajlija、Alan Kent 和 Keith Gu 審查。