网站推广.NET

网站推广.NET

推荐常用的小程序Ui框架

来源:互联网

开源框架

1、mpvue

mpvue是美团点评使用Vue.js小程序开发的开源前端框架。该框架基于Vue.js的核心。 mpvue修改了Vue.js的运行时和编译器实现,使其可以在小程序环境中运行,从而为小程序开发引入了完整的Vue.js开发经验。使用mpvue开发小程序,您将基于小程序技术系统获得以下功能:

完全组件化的开发功能:提高代码的可重用性

完整的Vue.js开发经验

便捷的Vuex数据管理解决方案:便捷地构建复杂的应用程序

快速的Webpack构建机制:自定义构建策略,开发过程中的hotReload

支持使用npm外部依赖项

使用Vue.js命令行工具vue-cli快速初始化项目

将H5代码转换为小程序目标代码的能力

Github:

官方网站:

2、Tina.js

Tina.js是一个轻量级且渐进的微信小程序框架。

功能:轻巧紧凑。它非常易于使用,保留了MINA(微信小程序官方框架)的大多数API设计;无论您是否具有小程序开发经验,都可以轻松过渡以使用它。逐步增强功能,包括状态管理器,路由增强功能,您可以编写自己的插件。

Tina.js开源框架地址:

3、芋头

Taro是由JD-Bump Labs创建的一套遵循React语法规范的多终端统一开发框架。如果我没记错的话,它是最近开源的。

使用Taro,我们只能编写一组代码,然后使用Taro的编译工具将源代码编译为可以在不同端(微信小程序,H5、App等)运行的代码。同时,芋头还提供了现成的语法检测和自动完成功能,有效地提高了开发经验和开发效率。

官方网站:

GitHub:

4、wepy

WePY是允许小程序支持组件化开发的框架。通过预编译,开发人员可以选择自己喜欢的开发风格进行开发小程序。框架的详细优化,承诺和异步功能的引入,都使小程序项目的开发更加容易和高效。

功能:

类似Vue的开发风格

支持自定义组件开发

支持引入NPM软件包

支持承诺

支持ES2015 +功能,例如异步功能

支持多种编译器,Less / Sass / Styus,Babel / Typescript,Pug

支持多种插件处理,文件压缩,图像压缩,内容替换等。

支持Sourcemap,ESLint等

小程序详细的优化,例如请求队列,事件优化等。

Github:

官方网站:

5、weweb

Weweb是与小程序语法兼容的前端框架。您可以在小程序中编写Web应用程序。如果您已经拥有小程序,则可以通过它在浏览器中运行它。

功能:跨平台,一组代码可以在多个终端上运行(小程序,h5、将来会直接打包到Android,ios应用程序中,而不是梦想)带有通用组件,完美无缺继承了小程序内置组件兼容性小程序rpx语法,使页面更易于适应各种模型

GitHub:

组件库

还有各种开源组件库,例如:

赞美的Zaanui-weapp和iview更为出名。

我以前在我的官方帐户上推荐了这两个组件库。我将不介绍其具体用法和功能。通过查找我以前的推文或自己搜索,将很清楚。用法很简单。

大餐在这里

上面介绍了5个开源框架和两个组件库。我并不是说以上都不是很好。以上是绝对好的。不管以上开源框架和组件库如何,它们都是主要制造商的产品。很好但是它们只是开源框架,而组件库就是组件库。我还没有满足微信小程序发展的痛点。

小程序一个开源框架的开发很容易使用,另一个是丰富的组件库。仅官方发行版无法满足我们的需求。上面的框架和组件库是分开的。因此无法解决我的痛点。我今天推荐的开源框架不仅可以提供框架,而且可以丰富和扩展许多组件,因此我们在开发时不必担心自己打包组件。

实际上,上面共享的组件库有一个主要缺点。他们的组件库足够丰富,但是样式的自定义非常僵化和僵化,但是今天这一样式变得更加灵活。

我向所有人推荐的开源框架是touchwx。

Touch WX是一个完全免费的微信小程序开发框架,其中包含大量的UI控件以补充官方组件。功能如下:

1、组件扩展:

添加了30多种常用组件以补充官方组件。

2、功能扩展:

与Ali的iconfont图标库兼容,可以自由使用大量矢量图标;补充了通用样式库,支持更少的语法,支持全局配置主题颜色,等等。

3、开发经验的改进:

由VSCode编辑器+插件开发的四文件方法更改为单文件方法,并且具有Web开发经验;

4、小程序转换为H5应用程序:

可以使用H5开发框架Touch UI项目进行转换,并作为webApp发布。开发一套代码并拥有两套应用程序。

此框架的原理是:

编译Touch WX项目中编写的代码,并将其直接输出为微信小程序项目的原始代码。超过30个扩展组件完全基于小程序官方自定义组件机制(row&col除外)实现。

因此它支持小程序的所有语法,如何开发小程序,以及如何开发Touch WX。

但是,由于它是单文件开发方法,因此文件的代码结构略有不同。请注意这一点。

这样做的好处是:

1、开发人员的迁移成本很小。

您可以轻松地将现有小程序移植到Touch WX项目以使用其扩展功能;

2、有助于故障排除。

遇到问题时,开发人员还可以随时检查输出小程序原始代码以查找问题。不知道这是框架问题还是您自己的代码有问题;

3、按需编译

因为小程序在大小上有限制,所以在使用开发框架时,只有使用的组件才能编译并作为小程序源代码输出。未使用的将不会输出。

4、不会依赖该框架。

如果您将来不想使用此框架,则可以直接维护导出的小程序项目。

目前,我认为这个开源框架最适合我们,如果仅针对小程序开发,它也是最有效的。

GitHub:

官方网站:

最后,您可以按住以下QR码进行体验:

今天的货物实际上很干,但是货物越干燥,看到的人就越少。我仍然希望每个人都能支持并转发他们,以便让更多的人知道这样有用的开发框架。