您現在的位置是:首頁 > 藝術
簡單介紹下UniApp框架結構
得物上面的蘋果手機是正品嗎
什麼是uni-app
uni-app 是一個使用vue的語法 + 微信小程式的標籤和API的跨平臺前端
框架
,開發者編寫一套程式碼,可編譯到iOS、Android、H5、小程式等多個平臺
為了更好的跨端開發, 參考uni-app 統一規範:
1,頁面元件我們要遵循Vue 單檔案元件 (SFC) 規範
2,元件標籤靠近微信小程式規範
3,介面能力(JS API)靠近微信小程式規範
4,資料繫結及事件處理靠近Vue。js 規範,同時補充了App及頁面的生命週期
5,為相容多端執行,建議使用flex佈局進行開發
開發工具
HBuilderX
框架目錄:
如果要開發小程式,我們需要知道不同平臺下的小程式規範的 。規範瞭解之後,我們開發起來就相對來說比較簡單一些。uni-app 幫我們把不同平臺的小程式API 幾乎都封裝了 ,只需要將字首替換為uni 即可 例如:
這是微信小程式程式碼請求:
接下來使用uniapp封裝的相容多平臺小程式請求程式碼:
除了字首wx 替換為uni之外,其他與原規範機會保持一致。uni-app 會最大程度的抹平不同小程式平臺之間的差異。
注意事項
非H5 端,不能使用瀏覽器自帶物件,比如document、window、localstorage、cookie 等,更不能使用jquery 等依賴這些瀏覽器物件的框架。因為各家小程式快應用都不支援這些物件。沒有這些瀏覽器自帶物件並不影響業務開發,uni 提供的api 足夠完成業務。
uni-app 的tag 同小程式的tag,和HTML 的tag 不一樣,比如div 要改成view,span 要改成text、a 要改成navigator。
快速建立一個uni-app專案
1,安裝hbuilderx工具
2,新建專案
3,
選擇uni-app,輸入工程名
4,
專案目錄
5,
改寫index頁面,渲染 logo 以及 Hello App
6,
執行專案 可以依次執行到瀏覽器、真機、小程式
7,最後釋出專案:
出現如下介面,點選打包即會生成一個apk包,然後釋出到各大應用廠商
推薦文章
- 父母該如何培養孩子良好的情緒?我用了3個方法,讓娃告別壞情緒
蟬聯三年暢銷榜的《兒童情緒管理與性格培養繪本》針對2~6歲孩子設計,一套10冊,每冊最後都有附給家長的話,讓家長了解兒童的心理,解決育兒過程的困惑...
- 一樣的泡麵,為什麼桶裝比袋裝貴那麼多?今天可算知道了
那今天小編就要告訴大家肯定不是隻有這一個原因,如果是這樣子的話,那肯定有人覺得非常不划算了,也就不會有那麼多人願意去購買這種桶裝面了,那首先我們就要從他最基本的配置那就是麵餅上面來進行分析了,其實說實話,小編是進行過對比的,就是將兩種型別面...
- 水韻動態|區婦聯開展“三下沉同心服務群眾·共建公園城市”活動——我會組織長春村婦女群眾走進農博園
原創 新津婦聯 新津婦聯水韻芳華婦女群眾走進農博園2021年12月21日下午2點,我會開展“三下沉 同心服務群眾·共建公園城市” 活動,組織花橋街道長春村婦女兒童代表10餘人共同走進農博園,實地感受農博園的發展變化...