Github :https://github.com/Tencent/wepy
官网:https://tencent.github.io/wepy
5、weweb
weweb 是一个兼容小程序语法的前端框架,你可以用小程序的写法,来写 web 应用。如果你已经有小程序了,通过它你可以将你的小程序运行在浏览器中。
特性: 跨平台,一套代码多端运行(小程序、h5、未来直接打包成安卓、ios app 也不是梦) 自带常用组件,完美继承了小程序内置组件 兼容小程序 rpx 语法,使页面更容易适配各种机型
GitHub:https://github.com/wdfe/weweb
组件库
还有各种开源的组件库,比如有以下这几个:
有赞的 zanui-weapp 和 iview 这两个比较出名。
这两个组件库我之前在我的公众号都推荐过,具体用法和功能我就不多介绍了,自己找我以前的推文或者自己搜索一下就很清楚了。用法很简单。
大餐来了
上面介绍了 5 个开源框架和两个组件库,我并不是说上面的不好,上面的绝对都很好,不管上面的几个开源框架还是组件库都是大厂产品,都很好。但是他们仅仅就是开源框架就是开源框架,组件库就是组件库。一直没有满足我单独针对微信小程序开发的痛点。
小程序开发一个是开源框架的好用,另外一个就是丰富的组件库,单纯官方推出的并不能满足我们的需要,上面的框架和组件库都是分开的。所以并不能解决我的痛点。而今天我推荐的这个开源框架既能提供框架也丰富扩展了很多组件,使我们开发的时候不用担心再自己封装组件了。
其实上面分享的组件库有一个重大的缺点,他们组件库足够丰富,但是对于样式的自定义很死板,不灵活,但是今天的这个就灵活多了。
我给大家推荐的这个开源框架就是:touchwx。
Touch WX 是一套完全免费的微信小程序开发框架,包含丰富的 UI 控件用于官方组件的补充。特点如下:
1、组件扩充:
增加了 30 多种常用的组件用于官方组件的补充。
2、功能扩充:
兼容阿里的 iconfont 图标库,海量矢量图标随意使用;补充了常用样式库、支持 less 语法、支持全局配置主题色等
3、开发体验改善:
四文件方式改为单文件方式,通过 VSCode 编辑器 + 插件的方式开发,拥有 web 开发体验;
4、小程序转为 H5 应用:
可以与 H5 开发框架 Touch UI 工程相互转换,发布成 webApp。开发一套代码,拥有两套应用。
这套框架的原理是:
将 Touch WX 工程中所写的代码进行编译,直接输出为微信小程序工程原始代码。扩充的 30 多种组件,完全是基于小程序官方的自定义组件机制实现(row&col 除外)。
所以它支持小程序的全部语法,怎么开发小程序,就怎么开发 Touch WX。
不过因为是单文件的开发方式,在文件的代码结构上稍有不同。请注意这一点。
这样好处在于:
1、开发者迁移成本很小。
可以轻松的将已有的小程序移植为 Touch WX 工程,来使用它的扩展能力;
2、便于排查错误。
当遇到问题时,开发者也可以随时查看输出的小程序原始代码来定位问题所在。不会搞不清楚到底是框架问题还是自己代码的问题;
3、按需编译
由于小程序对体积有限制,在使用框架开发时,只有使用到的组件才会编译输出为小程序源码。没用到的不会输出。
4、不会对框架产生依赖。
以后不想用了这套框架,可以直接对已经输出的小程序工程进行维护。
目前我认为单独针对小程序开发的话,这个开源框架是最适合我们的,效率也是最高的。
GitHub:https://github.com/uileader/touchwx
官网:https://www.wetouch.net/wx.html
最后,大家可以长按下方二维码,体验一下:
![强烈推荐:绝对是最好的一个小程序开源框架](http://p2.ttnews.xyz/loading.gif)
今天的货其实挺干的,但是越干的货,可能看得人就越少,还是希望大家多多支持,并转发,让更多的人知道这样好用的开发框架。
閱讀更多 非著名程序員 的文章