uni-ui 1.0 正式發佈：高效的移動端 Vue 跨端UI庫

時間 2019-11-16

標籤 uni 1.0 正式發佈高效移動 vue 欄目無線简体版

原文原文鏈接

前言

衆所周知，瀏覽器的兼容問題一直爲人詬病，爲了解決跨端兼容問題，DCloud官方推出了一款官方UI庫——uni-uicss

咱們的目標是更快、更簡單開發出，基於 Vue 的一款能夠兼容多端小程序及App美觀易用的跨端UI庫。若是你須要開發一個跨端應用，不想本身去解決兼容性問題，又想要性能高，那麼使用 uni-ui 是你的首選。前端

現有組件

開發理念

性能

uni-app除了vue版還有nvue版，nvue是在App端使用weex渲染引擎，提供了原生渲染能力。使用nvue開發，可讓開發者的App啓動更快，性能更好。vue

在weex中，css的書寫有很大的限制，例如只能用一層類名來寫css。因而咱們幫助開發者提早寫好了一些經常使用的組件，徹底作到開箱即用。uni-ui的nvue版本就是用於nvue頁面的ui庫。git

做爲移動端組件庫，uni-ui 一直將輕量化做爲核心開發理念。爲了平衡日益豐富的功能和輕量化之間的矛盾關係，咱們嘗試了不少的優化方式，包括支持組件按需加載、公共模塊複用、組件編譯流程優化等。github

在使用一系列的優化手段以後，目前 uni-ui 的組件編譯出來的apk，在低端安卓機安裝後依然能夠流暢運行。uni-ui 之因此在低端安卓機還能保持如此流暢，主要歸功於咱們獨特的優化方式。咱們針對安卓低端機進行了專項的性能分析，分析出每個css屬性對性能對影響，寫代碼的時候儘可能去避免使用對性能有影響的css屬性。咱們還作了算法上的優化，下降了時間複雜度及空間複雜度，細節在此不作贅述，有興趣的同窗能夠看下 uni-ui 中部分的源碼。在此附上源碼連接：uni-ui算法

跨端性

uni-ui最強大的特性就是在於它的跨端性。vue-cli

uni-ui 是DCloud前端團隊基於DCloud統一的規範實現的 Vue 跨端組件庫，寫一套代碼便可編譯到 iOS、Android、H5、以及各類小程序（微信/支付寶/百度/頭條/QQ/釘釘）等平臺。小程序

實現使用一套UI，在多端表現統一。兼容性問題咱們已經幫開發者們作好了，讓開發者免去手動兼容的苦惱。咱們提供了一整套 UI 基礎組件和業務組件，經過 uni-ui，能夠快速搭建出風格統一的頁面，提高開發效率。目前uni-ui已有近30個組件。咱們會在此基礎上不斷完善，開發更多實用的組件。瀏覽器