您現在的位置是:首頁 > 藝術
簡單介紹下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包,然後釋出到各大應用廠商
推薦文章
- 三星S20 Ultra的螢幕雖然出色,但是很傷眼睛,很多人還不知道
OLED的螢幕製造商三星在八年前的旗艦機S2用過全程DC調光,是顯示屏底層的DC調光,不同現在說的類DC調光...
- 世界十大最美教堂之一:聖瓦西里大教堂的特色
可瓦西里昇天大教堂為什麼是九個圓頂呢,原來那次征服戰爭的勝利被認為是得到了8位聖人的幫助,8個盔頂代表8位聖人,而中間那座最高的圓頂則象徵著上帝的至高地位,加到一起就是9個...
- 湛江交通海陸空齊頭並進:展開“空鐵之翼” 釋放發展潛力
作為粵西交通聯運樞紐,湛江吳川機場定位為國內幹線機場,飛行區等級由4C級越級按4E級標準建設,具備起降波音777、747、787,空客330、350等寬體飛機、直航歐美的能力,同時,配有自助行李託運、自助值機等裝置,實現“無紙化”登機服務...