uniapp小程序框架的使用記錄

1.如何啓動項目

開發工具選擇hbuilder(最爲推薦,hbuilder爲uni-app作了很強大的功能完善,建議採用穩定版本的hbuilder)
image.png這是我當前使用的開發工具的版本號
1.從git拉取代碼,項目目錄結構如圖所示
image.png
2.點開目錄 右鍵->從新識別項目類型 點擊以後會將項目識別爲uni-app類型
3.經過cnpm install 安裝該有的依賴
4.image.png點擊在瀏覽器中運行便可在瀏覽器中運行項目,看到下面的控制面板,就是在h5中運行的狀況
5.在小程序中運行首次要配置appid
image.png而且會提示輸入你微信開發者工具的安裝路徑
image.png點擊運行右側的第一個,就會自動打開微信開發工具。git

2.在項目中的注意點

1.針對小程序項目而言有主包和分包直說,爲何要進行分包呢?npm

  • 由於:微信限制了代碼包不能超過 2MB,限制大小是出於對小程序啓動速度的考慮,但願用戶在使用任何一款小程序時,都能得到一種「秒開」體驗。然而,2MB 的大小也限制了小程序功能的擴展,小程序業務的發展可能須要更大的體積。那麼有沒有一種辦法,在增長小程序包的同時,也能保持不錯的體驗速度呢?

爲了解決這個矛盾點,微信推出了「分包加載方案」小程序

  • 在小程序啓動時,默認會下載主包並啓動主包內頁面,若是用戶須要打開分包內某個頁面,客戶端會把對應分包下載下來,下載完成後再進行展現。

2.uni-app的條件編譯
每一個平臺有本身的一些特性,所以會存在一些沒法跨平臺的狀況瀏覽器

  • 大量寫 if else,會形成代碼執行性能低下和管理混亂。
  • 編譯到不一樣的工程後二次修改,會讓後續升級變的很麻煩。

什麼是條件編譯呢?舉例說明
寫法:以#ifdef或#ifndef加%PLATFORM%開頭,以#endif結尾。
#ifdef:if defined 僅在某平臺存在
#ifndef:if not defined 除了某平臺均存在
%PLATFORM%:平臺名稱
PLATFORM舉例說明能夠取值的有:微信

  1. APP-PLUS(僅出如今 App 平臺下的代碼)
  2. H5(除了 H5 平臺,其它平臺均存在的代碼)
  3. H5||MP-WEIXIN(h5或者微信平臺下的代碼)

詳情請參考官方文檔的條件編譯 https://uniapp.dcloud.io/plat...
參見獲取微信code判斷是否登陸的項目代碼,不作具體公開微信開發

相關文章
相關標籤/搜索