关于javascript:Thor-UI-轻量简洁的免费开源移动端-UI-组件库支持原生小程序和-uniapp

27次阅读

共计 1495 个字符,预计需要花费 4 分钟才能阅读完成。


用来疾速开发原生小程序或者通过 uni-app 来开发任何小程序甚至是 APP 的组件库,但我很好奇中文名是不是译作雷神 UI。

Thor UI 介绍

Thor UI 是一款开发挪动端网页利用、小程序的前端 UI 组件库,uni-app 版本还能够编译成为安卓 / iOS APP 利用,特点是轻量、简洁,组件笼罩比拟全面,使开发更高效。

技术个性

  • 提供近百个高质量前端 UI 组件,好看优雅,体验成熟,笼罩挪动端大部分业务场景
  • 默认反对编译公布到 APP 端 (iOS 和 Android)、H5、微信小程序、QQ 小程序
  • 反对应用新的技术,兼容 Vue 3
  • 内置一套同样简洁丑陋的图标库,数量也很多
  • 反对按需引入,缩小利用打包体积
  • 上手容易,官网提供用于学习的模板和示例工程

开发上手体验和应用倡议

自从微信推出了小程序,用完即走、简洁轻量的理念被用户承受当前,很多厂子也同步推出了自家的小程序,小程序开发也成为前端开发者必须把握的技能了。

现在想到要开发小程序,个别都会用到 uni-app,这款号称写一次代码,同时公布到各家小程序甚至是 APP 端的国产开发工具。我也在用 uni-app,开发效率、体验确实有进步,特地是做小程序,很不便。但前些年生态还不够好,导致很多业务组件只能本人写,而当初随着倒退,很多组件库曾经适配 uni-app 了,明天介绍的这款挪动 UI 组件库 Thor UI,就是一款反对 uni-app 的组件库。

Thor UI 有原生小程序版本和 uni-app 版本,原生版本的应用比拟惯例,上面次要说说 uni-app 版本的应用。

Thor UI 在 uni-app 插件市场能够一键导入 HBuilderX(uni-app 自家的开发 IDE),能够疾速创立工程,组件间接引入:

但个别会开启 easycom 组件模式,这是 uni-app 中的一种无需申明主动引入组件的形式,反对主动树摇优化,很香。

Thor UI 提供了近百个罕用的组件,组件介绍的左边还能直观地体验组件的交互,使得了解简略,同时文档篇幅的很短很简洁,开发体验绝对较好。

如果要公布到 APP 端,须要留神的是 uni-app 编译有两种形式,

  • 基于 web view 的 app-vue 模式,开发模式和惯例的 vue 开发网页利用没有太大区别,简单布局性能不够好
  • 基于 weex 的 app-nvue,有点相似 react-native,是把代码编译成原生的代码来实现布局,性能很好,但语法和标准有限度

Thor UI 的根底组件都反对 app-vue,目前只有小局部反对 app-nvue。开发者可依据本人的须要抉择,但一般来说,app-vue 的形式开发起来效率更高,性能体现有问题的页面在用 app-nvue,这也是 uni-app 官网举荐的形式。

总的来说,Thor UI 是一款足够优良的挪动 UI 组件库,把大量罕用、好看的 UI 组件适配到了 uni-app,让开发者能够把代码编译到多个平台公布,让咱们开发者多了一种抉择,也更快做出优质的产品,举荐大家体验和应用。

如果还是想用原生小程序的模式开发,能够看看之前举荐过京东的 Taro 和滴滴的 Chameleon。

收费商用和开源阐明

Thor UI 根底组件基于 MIT 开源协定开放源码,应用也完全免费,并且能够商用。但次要留神的是,优化版的 Thor UI 示例中的组件,须要付费会员能力应用和商用。这部分官网有明确的形容:

在官网的文档目录中,位于上方的组件 ThorUI 组件库 就是根底组件库,数量也很多,足够咱们应用了。而往下的 ThorUI 示例(会员组件)下的组件,就是会员能力商用。根底收费,高级付费也算正当的模式,至多对 Thor UI 的短暂倒退和保护提供了保障。

相干网址:https://www.thosefree.com/tho…

正文完
 0