当前位置: 首页 > Web前端 > HTML5

ThorUI-轻量简洁的免费开源移动端UI组件库,支持原生小程序和uni-app

时间:2023-04-05 22:36:14 HTML5

快速开发原生小程序或通过uni-app开发任意小程序甚至APP组件库,不过我很好奇是否中文名译为雷神UI。ThorUI简介ThorUI是一个前端UI组件库,用于开发移动Web应用程序和小程序。uni-app版本也可以编译成Android/iOSAPP应用。更高效。技术特点提供近百款优质前端UI组件,美观大方,经验成熟,覆盖移动端绝大部分业务场景。默认支持编译发布到APP端(iOS和Android),H5、微信小程序、QQ小程序支持使用新技术,兼容Vue3,还内置了一套简单美观的图标库中,而且数量也很大。支持按需引入,减少应用打包体积。在小程序简单轻量的概念被用户接受后,很多大厂都同步推出了自己的小程序,小程序开发也成为了前端开发者的必备技能。现在大家想到开发小程序,一般都会用到uni-app。这是一款号称一次编写代码,同时发布到各种小程序甚至APP的国产开发工具。我也在用uni-app,开发效率和体验确实有提升,尤其是小程序,非常方便。但是前几年生态不够好,很多业务组件要自己写。现在随着发展,很多组件库都适配了uni-app。今天介绍的移动端UI组件库ThorUI是一个支持uni-app的组件库。ThorUI有原生applet版本和uni-app版本。本机版本的使用更为常规。下面主要说说uni-app版本的使用。ThorUI在uni-app插件市场可以一键导入HBuilderX(uni-app自带的开发IDE),可以快速创建项目,直接导入组件:但一般都是开启easycom组件模式,这是一种uni-app不需要声明自动引入组件的方式,支持自动treeshaking优化,很香。ThorUI提供了近百个常用组件。右侧组件介绍,可以直观体验组件交互,理解简单。同时文档短小精悍,开发体验也比较好。如果要发布到APP端,需要注意uni-app有两种编译方式。基于webview的app-vue模式,开发模式与常规的Vue开发web应用没有太大区别,复杂布局表现不够好。基于weex的app-nvueapp-nvue有点类似于react-native。它将代码编译成本地代码来完成布局。性能很好,但语法和规范有限。ThorUI的基础组件都支持app-vue,目前只有一小部分支持app-nvue。开发者可以根据自己的需要选择,但是一般来说app-vue开发效率更高,有性能问题的页面使用app-nvue,这也是uni-app官方推荐的方式。总的来说,ThorUI是一个足够优秀的移动端UI组件库,将大量常用且美观的UI组件适配到uni-app,让开发者可以将代码编译到多个平台发布,让我们开发者多了一个选择,并且更快地制造出高质量的产品。推荐大家去体验和使用。如果还是想用原生小程序模式开发,可以看看之前推荐的京东太郎和滴滴变色龙。免费商用和开源说明ThorUI基础组件基于MIT开源协议开源,完全免费使用,可商用。但主要需要注意的是,优化版ThorUI示例中的组件需要付费会员才能使用和商业化。这部分官方有明确的描述:在官网的文档目录中,位于上方的组件ThorUI组件库是基础组件库,数量足够我们使用。以下ThorUI示例(会员组件)下的组件仅供会员在市场上购买。基础免费,预付费用也是一种合理的模式,至少保证了ThorUI的长期开发和维护。相关网站:https://www.thosefree.com/tho...