uni-ui 1.0 正式发布：高效的移动端 Vue 跨端UI库

前言

众所周知，浏览器的兼容问题一直为人诟病，为了解决跨端兼容问题，DCloud官方推出了一款官方UI库——uni-ui

咱们的目标是更快、更简单开发出，基于 Vue 的一款能够兼容多端小程序及App美观易用的跨端UI库。若是你须要开发一个跨端应用，不想本身去解决兼容性问题，又想要性能高，那么使用 uni-ui 是你的首选。

现有组件

开发理念

性能

uni-app除了vue版还有nvue版，nvue是在App端使用weex渲染引擎，提供了原生渲染能力。使用nvue开发，可让开发者的App启动更快，性能更好。

在weex中，css的书写有很大的限制，例如只能用一层类名来写css。因而咱们帮助开发者提早写好了一些经常使用的组件，彻底作到开箱即用。uni-ui的nvue版本就是用于nvue页面的ui库。

做为移动端组件库，uni-ui 一直将轻量化做为核心开发理念。为了平衡日益丰富的功能和轻量化之间的矛盾关系，咱们尝试了不少的优化方式，包括支持组件按需加载、公共模块复用、组件编译流程优化等。

在使用一系列的优化手段以后，目前 uni-ui 的组件编译出来的apk，在低端安卓机安装后依然能够流畅运行。uni-ui 之因此在低端安卓机还能保持如此流畅，主要归功于咱们独特的优化方式。咱们针对安卓低端机进行了专项的性能分析，分析出每个css属性对性能对影响，写代码的时候尽可能去避免使用对性能有影响的css属性。咱们还作了算法上的优化，下降了时间复杂度及空间复杂度，细节在此不作赘述，有兴趣的同窗能够看下 uni-ui 中部分的源码。在此附上源码连接：uni-ui

跨端性

uni-ui最强大的特性就是在于它的跨端性。

uni-ui 是DCloud前端团队基于DCloud统一的规范实现的 Vue 跨端组件库，写一套代码便可编译到 iOS、Android、H5、以及各类小程序（微信/支付宝/百度/头条/QQ/钉钉）等平台。

实现使用一套UI，在多端表现统一。兼容性问题咱们已经帮开发者们作好了，让开发者免去手动兼容的苦恼。咱们提供了一整套 UI 基础组件和业务组件，经过 uni-ui，能够快速搭建出风格统一的页面，提高开发效率。目前uni-ui已有近30个组件。咱们会在此基础上不断完善，开发更多实用的组件。

生态化

除了提供组件之外，咱们也在为丰富 uni-ui 的开发生态作不少尝试，但愿能覆盖各个场景下的开发需求，为你们提供便利。下面是咱们现有的一些生态或能力：

• 基于 vue-cli 的脚手架 dcloudio/uni-preset-vue
• 支持 i18n 多语言定制
• 支持经过 postcss 插件进行主题定制
• 性能更好的nvue 版 uni-ui
• 官方 Demo 仓库 - uni-ui

最后

uni-ui 如今还有不少不足。不少组件才刚起步，不够完善，须要补充更多业务组件到 uni-ui 中。指望获得你们的批评和建议，一块儿创建一个更好的 uni-ui。
完整代码请移步 uni-ui