小程序-文章:微信小程序常见的UI框架/组件库总结

ylbtech-小程序-文章:微信小程序常见的UI框架/组件库总结
1.返回顶部

1、

想要开发出一套高质量的小程序,运用框架,组件库是省时省力省心必不可少一部分,随着小程序日渐火爆,各种不同类型的小程序也渐渐更新,其中不乏一些优秀好用的框架/组件库。

1:WeUI  小程序–使用教程

https://weui.io/

官方介绍:WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。小程序开发中最常用到的一款框架,受广大开发人员的欢迎。

2:美团小程序框架mpvue

Github:https://github.com/Meituan-Dianping/mpvue
官网:  http://mpvue.com/

官方介绍:mpvue是一个使用 Vue.js开发小程序的前端框架。框架基于 Vue.js核心,mpvue修改了 Vue.js的 runtime和 compiler实现,使其可以运行在小程序环境中,从而为小程序开发引入了整套Vue.js开发体验。

3:组件化开发框架wepy

Github地址:https://github.com/Tencent/wepy
官网地址:https://tencent.github.io/wepy

官方介绍:组件化开发,完美解决组件隔离,组件嵌套,组件通信等问题,支持使用第三方 npm 资源,自动处理 npm 资源之间的依赖关系,完美兼容所有无平台依赖的 npm 资源包.

4:官方框架MINA

地址:https://developers.weixin.qq.com/miniprogram/dev/framework/MINA.html

官方介绍:框架提供了自己的视图层描述语言 WXML 和 WXSS,以及基于 JavaScript 的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,可以让开发者可以方便的聚焦于数据与逻辑上。

5:Tina.js 一款轻巧的渐进式微信小程序框架

Tina.js 开源框架地址: https://github.com/tinajs/tina

官方介绍:是一款轻巧的渐进式微信小程序框架,保留 MINA (微信小程序官方框架) 的大部分 API 设计;无论你有无小程序开发经验,都可以轻松过渡上手。

6:前端框架weweb

地址: https://github.com/wdfe/weweb

官方介绍:weweb是一个兼容小程序语法的前端框架,你可以用小程序的写法,来写web应用。如果你已经有小程序了,通过它你可以将你的小程序运行在浏览器中。

7:微信UI组件库 iView Weapp

https://weapp.iviewui.com/

介绍:iView Weapp 提供了与 iView 一致的 UI 和尽可能相同的接口名称,大幅度降低了学习成本,是一套一套高质量的微信小程序 UI 组件库。

8:ZanUI-WeApp -- 一个颜值高、好用、易扩展的微信小程序 UI 库

https://cnodejs.org/topic/589d625a5c8036f7019e7a4a

官方介绍:ZanUI-WeApp结合了微信的视觉规范,为用户提供更加统一的使用感受。 包含 badge、btn、等共计 17 类组件或元素。

2、

2.返回顶部
3.返回顶部
4.返回顶部
5.返回顶部

1、

https://mp.weixin.qq.com/s?__biz=MzI2ODUxMzg4Nw==&mid=2247484752&idx=1&sn=4faa88716f1a3b43154ed992b43bc721&chksm=eaef2260dd98ab762bc6f543c388b60f4dd3616cdc3329d0a573c707c1196ca7fe4043b954eb&mpshare=1&scene=24&srcid=0821coqn77f9lVHMUk7Qs78k#rd

2、

6.返回顶部
作者:ylbtech
出处:http://ylbtech.cnblogs.com/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

原文地址:https://www.cnblogs.com/storebook/p/9531830.html

时间: 2024-10-08 07:16:55

小程序-文章:微信小程序常见的UI框架/组件库总结的相关文章

微信小程序_微信小程序开发,小程序源码、案例、教程

原文地址:http://whosmall.com/?post=448 本文标签: 微信小程序 小程序源码案例 小程序项目 小程序源码 微信小程序教程 什么是微信小程序? 微信小程序是微信基于微信平台的一个应用发布平台,微信小程序app开发属于原生app组件提供js接口的开发方式,比混合是app的用户体验更好,仅次于原生应用. 不过微信小程序定位于小,要符合轻量易用无需下载,所以从体积上也是有限制,整个小程序应用体积不能超过1M. 微信小程序的应用场景? 微信小程序的应用场景适用于轻量应用,非强交

[小程序开发] 微信小程序内嵌网页web-view开发教程

为了便于开发者灵活配置小程序,微信小程序开放了内嵌网页能力.这意味着小程序的内容不再局限于pages和large,我们可以借助内嵌网页丰富小程序的内容.下面附上详细的开发教程(含视频操作以及注意事项) 一.小程序内嵌网页web-view教程 1) 微信公众平台,登录小程序账号 2) 左侧-设置-开发设置-业务域名-配置 3) 小程序管理员微信扫码 4) 填写小程序业务域名,域名需ICP备案 5) 下载校检文件上传至服务器指定目录,保存 6) 小程序业务域名配置完成7) 打开微信开发者工具,添加小

店铺无缝对接一号旺铺小程序 盘点微信小程序新增功能

前段时间,笔者写过一篇<不开发,商家店铺如何快速接入微信一号旺铺小程序>的文章.结果反响平平,无人问津.所以,笔者就在想,也许小程序真的大势已去. 盘点迄今为止微信小程序增加的功能:价值提升,商家福音到了! 盘点迄今为止微信小程序增加的功能:价值提升,商家福音到了! 但是,就在本人下定决心以后少关注小程序的当口,腾讯似乎终于觉醒了,张小龙也终于向现实低头妥协,微信官方宣布的小程序新增功能绝地反击,热乎了众多商家的心,也活跃了个人创业开发者的兴奋基因.其实,自小程序面市已来,其功能一直在不断完善

【小程序】微信小程序开发实践

帐号相关流程 注册范围 企业 政府 媒体 其他组织 换句话讲就是不让个人开发者注册. :) 填写企业信息 不能使用和之前的公众号账户相同的邮箱,也就是说小程序是和微信公众号一个层级的. 填写公司机构信息,对公账户信息 绑定管理员微信 企业认证 公司对公账户对微信进行打款 账户自动验证后,自动认证通过,并将认证资金退回公司对公账户,费用在1元内随机 小程序发布流程 开发实践 这次的demo项目为农历和公历的转换器,重在体验开发流程. AppID(小程序ID) 做上面的那些步骤就是为了得到小程序ID

【小程序】微信小程序实现各种特效实例

写在前面 最近在负责一个微信小程序的前端以及前后端接口的对接的项目,整体上所有页面的布局我都已经搭建完成,里面有一些常用的特效,总结一下,希望对大家和我都能有所帮助 实例1:滚动tab选项卡 先看一下效果图吧,能够实现点击切换,tab菜单部分可以实现左右滚动 好了,看一下我的源码吧!<喜欢的话拿走不谢哟> 1.wxml <!-- tab header --> <scroll-view scroll-x="true" class="tab-h&qu

微信小程序转发微信小程序转发

微信小程序转发涉及以下4个方法: 1.Page.onShareAppMessage({}) 设置右上角"转发"配置,及转发后回调函数返回 shareTicket 票据 2.wx.showSahreMenu() 用户点击右上角后,显示"转发"按钮 3.wx.hideShareMenu() 隐藏转发按钮,无视 Page.onShareAppMessage({}) 4.wx.getShareInfo({}) 根据 shareTicket 获取已加密的群信息 1.转发前配置

如何让精准用户知道我们的小程序?微信小程序带给门店商家什么?

在4月的腾讯"互联网+"数字峰会上,微信透露了一个数据:能够切实解决用户痛点的小程序七日留存接近30%.而这类微信小程序基本都已经让用户完成了品牌认知,用户会从微信任务栏或者历史列表中主动找到它们,然后重复使用. 小程序是"无需下载.随时可用,用完即走"的一款应用工具.简单的说,在小程序里面可以搜索无数个应用程序,而且里面的程序不占内存,真正实现"触手可及"的梦想. 小程序带给商家什么? 1,餐饮业:从"确认点餐-收银-配餐"

21小时精通微信小程序开发(仿猫眼电影App、微信小程序问答)|微信小程序开发视频教程

21小时精通微信小程序开发(仿猫眼电影App.微信小程序问答)网盘地址:https://pan.baidu.com/s/1GTpPX4A1U-w_3i6k7lLztQ 密码: 5pcz备用地址(腾讯微云):https://share.weiyun.com/5pzgU1y 密码:nmjyb8 微信小程序是一种不需要下载安装即可使用的应用,它实现了应用"×××"的梦想,用户扫一扫或者搜一下即可打开应用.也体现了"用完即走"的理念,用户不用关心是否安装太多应用的问题.应用

【小程序】微信小程序绑定企业微信后怎样获取到用户信息

一.获取access_token 1.https://qyapi.weixin.qq.com/cgi-bin/gettoken?corpid=ID&corpsecret=SECRECT Corpid和secrect是唯一的 access_token:有效期2小时 二.获取code 小程序调用wx.login获取临时登录凭证code,并回传到开发者服务器 三.获取用户id https://qyapi.weixin.qq.com/cgi-bin/miniprogram/jscode2session?