uni-app:基於Vue的跨端框架(閃電演講內容整理)| 掘金開發者大會

CHB發表於2018-09-19

大家好,我是DCloud公司的崔紅保,感謝掘金提供機會,跟大家閃電分享一下uni-app ^_^

一句話介紹uni-app :一款基於vue的跨平臺前端框架; 多說兩句就是:開發者通過編寫 Vue.js 程式碼,uni-app 將其編譯到iOS、Android、微信小程式等多個平臺,保證其正確執行並達到優秀體驗。

uni-app:基於Vue的跨端框架(閃電演講內容整理)| 掘金開發者大會

隨著微信小程式的成熟火爆,支付寶、百度、手機廠商等陣營也逐步推出自己的小程式/快應用規範,除了之前的iOS、Android、H5平臺外,前端開發者還要面臨多家小程式的適配開發,工作量在劇增,規範學習成本在提高,uni-app就是為了解決這些跨端相容而生。

規範

從設計開始,uni-app有一個基本原則:充分利用現有前端生態,儘量不新立規範,減少前端學習成本,因 此uni-app 的開發規範大量借鑑了微信小程式和Vue.js; 具體來講,元件標籤和api靠近微信規範,資料繫結和檔案系統靠近vue,開發者編寫一個業務頁面時,無需像原生小程式那樣編寫wxml、wsxx、js、json四個檔案,而只需要編寫一個副檔名為 .vue 的 single-file components(單檔案元件)檔案即可。這樣的設計,方便有一定 Vue.js 和微信小程式開發經驗的開發者可快速上手 uni-app ,開發出相容多端的應用。

跨端

關於跨端框架,很多開發者可能會擔心跨端意味著丟失平臺特色,uniapp 對此的解決方案是引入條件編譯,開發者可以優雅的為某平臺寫個性化程式碼、呼叫專有能力而不影響其他平臺。

工具

關於IDE支援,HBuilderX對uni-app提供了良好的開發支援,包括語法提示、程式碼塊、真機執行、雲端打包等。HBuilderX 是HBuilder的下一代產品,全新架構,更輕量化,歡迎大家使用。

生態

生態方面,DCloud釋出了一些常用的擴充套件元件和業務模版,比如索引列表,城市聯動;圍繞DCloud產品有大量前端開發者,也貢獻了不少元件模板,比如圖片裁剪等。另外,uni-app相容mpvue專案,mpvue相關的開源元件和專案,都可以快速遷移到uni-app中。

最後,螢幕右下角的小程式碼是 uni-app 的元件能力演示程式,大家可以掃碼體驗。

我的演講到此結束,謝謝大家!

相關文章