Touch WX

编程之家收集整理的这个编程导航主要介绍了Touch WX编程之家,现在分享给大家,也给大家做个参考。

Touch WX 介绍

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、不会对框架产生依赖。

以后不想用了这套框架,可以直接对已经输出的小程序工程进行维护。

网站地址:https://www.wetouch.net/wx.html

GitHub:https://github.com/uileader/touchwx

网站描述:小程序组件化解决方案

Touch WX

官方网站:https://www.wetouch.net/wx.html

小编说

以上是编程之家为你收集整理的Touch WX全部内容。

如果觉得编程之家网站内容还不错,欢迎将编程之家推荐给好友。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


WXPage,一个极其轻量的微信小程序开发框架
PhoneGap,一个采用HTML,CSS和JavaScript的技术,创建移动跨平台移动应用程序的快速开发平台
Mobiscroll,渐进式Web和混合应用程序的跨平台UI控件
Remax,全新的小程序开发体验
mobilebone.js,单页切换骨架
WeZRender,微信小程序Canvas开发
weex,阿里推出的Native框架,支持iOS、安卓、YunOS及Web等多端部署
image-cropper,一款功能强大的微信小程序图片裁剪插件
mobile-calendar,简易版移动端版日期插件,没第三方库依赖
amazeui,以移动优先(Mobile first)为理念,从小屏逐步扩展到大屏
weui,微信官方设计团队为微信内网页和微信小程序量身设计的的基础样式库
wxapp-market,小程序营销组件
AUI Mobile,基于移动端面向混合开发的CSS框架
material-kit,基于 Material Design的 Bootstrap UI 工具箱
touchui,高质量移动端UI框架
alita,React Native代码转换成微信小程序代码的转换引擎工具
FrozenUI,一套基于移动端的UI库
Touch WX,小程序组件化解决方案
vum,手机 webapp 打造的基于 Vue.js 构建的UI框架
Tina.js,一款轻巧的渐进式微信小程序框架