020-29815005
预约专线时间:09:00-23:59

【UI设计培训分享】:微信小程序中常用的UI框架

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

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


【UI设计培训分享】:微信小程序中常用的UI框架


  1:美团小程序框架mpvue


  Github:https://github.com/Meituan-Dianping/mpvue

  官网:http://mpvue.com/

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

  2:WeUI小程序–使用教程

  https://weui.io/

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

 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类组件或元素。

  9:uniApp--一个多端混合开发的好用的框架,熟悉一个适用性超强

  框架地址:https://uniapp.dcloud.io/collocation/pages

  文档地址:https://uniapp.dcloud.io/README

  相适应的ide:Hbuilder可以直接使用该ide打包相应所需的端代码

  官方介绍:开发一次,覆盖多端  

  以上就是优漫教育小编为大家介绍的“【UI设计培训分享】:微信小程序中常用的UI框架”相关内容,学习ui设计培训,可以参考优漫教育提供的ui学习路线,该学习路线内容包含ps软件入门、AI与品牌设计、视觉表达技法、web视觉设计、图标设计、产品交互、移动端设计等,根据优漫提供的ui学习路线图,可以让你对学好ui需要掌握的知识有个清晰的了解 !