前言众所周知,浏览器兼容性问题一直饱受诟病。为了解决跨终端兼容问题,DCloud官方推出了一个官方UI库——uni-ui我们的目标是开发更快更简单,一个基于Vue的跨终端UI库,兼容多端小程序和Apps以及美观且易于使用。如果你需要开发一个跨终端的应用,不想自己解决兼容性问题,又想要高性能,那么使用uni-ui是你的首选。除了vue版本,现有的组件化开发理念performanceuni-app还有nvue版本。nvue在app端使用weex渲染引擎提供原生渲染能力。使用nvue开发可以让开发者的App启动更快,性能更好。在weex中,css的写法有很大的限制,比如只能用一个类名来写css。所以我们提前帮开发者写了一些常用的组件,这样就可以开箱即用。uni-ui的nvue版本是nvue页面的ui库。作为移动端组件库,uni-ui一直以轻量级为核心开发理念。为了平衡日益丰富的功能和轻量化之间的矛盾关系,我们尝试了很多优化方法,包括支持组件按需加载、公共模块复用、组件编译过程优化等。经过一系列的优化,apk编译出来目前的uni-ui组件在低端安卓设备上安装后依然可以流畅运行。uni-ui之所以能在低端安卓手机上保持如此流畅,主要得益于我们独特的优化方式。我们针对低端安卓手机进行了专门的性能分析,分析了各个css属性对性能的影响。在编写代码时,尽量避免使用影响性能的css属性。我们还对算法进行了优化,降低了时间复杂度和空间复杂度。此处不再赘述。有兴趣的同学可以看看uni-ui中的部分源码。这里有源码链接:uni-uicross-terminaluni-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
