美文网首页
小程序开发:选择框架(一)

小程序开发:选择框架(一)

作者: 闪闪发光lucia | 来源:发表于2020-04-19 22:10 被阅读0次

    微信小程序自诞生以来大家都一致看好,到现如今各路小程序百花齐放,支付宝小程序,头条小程序,抖音小程序等。
    那么对于小程序的开发者来说,小程序的开发生态也在不断的完善。从刚开始的原生框架,到腾讯自己开发的类vue规范的wepy,再到美团开发的近vue写法的mpvue,再到O2实验室推出的react规范的taro,再到DCloud推出的vue规范的uni-app。

    js框架的选择

    1、 原生开发

    对于现在的前端来说写惯了reactjs或vuejs,原生框架局限太多,使用起来不得心应手,所以在框架选择上我就没有考虑过原生框架。

    2、 wepy

    wepy的话它是类vue的,不是真正的vue,对于开发者来说要掌握vue和wepy两种语法,所以对于我来说也不是最佳选择。

    3、 mpvue

    再看mpvue,我们只要熟悉vue语法就能上手开发,但是考虑到,此项目作者已不再维护,且对于现在多端情况来看,也不是最佳的选择。

    4、 taro

    taro的话基于react,这个框架的目标很伟大,编写一套代码,能生成运行在为微信小程序,h5,React Native等应用,是一个不错的选择,但是基于我对react不熟,所以就考虑了下面一个框架。

    5、uni-app

    uni-app是使用vuejs开发所有前端应用的框架,开发这编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台。

    基于以上调研,js框架就愉快的决定用uni-app了。

    ui框架的选择

    再来看看小程序的ui框架,ui框架选择了六种市面上用的比较多的:WeUI WXSS、iView WeApp、VantUI WeApp、MinUI、Wux WeApp、ColorUI。

    1、 WeUI WXSS

    WeUI WXSS是腾讯官方UI组件库WeUI的小程序版,提供了跟微信界面风格一致的用户体验。
    GitHub地址:https://github.com/Tencent/weui-wxss

    2、 iView WeApp

    iView是TalkingData发布的一款高质量的基于Vue.js组件库。
    GitHub地址:https://github.com/TalkingData/iview-weapp

    3、 VantUI WeApp

    VantUI WeApp是有赞移动 Web UI 规范 ZanUI 的小程序实现版本。
    GitHub地址:https://youzan.github.io/vant-weapp/#/intro

    4、MinUI

    MinUI 是蘑菇街前端开发团队开发的基于微信小程序自定义组件特性开发而成的一套简洁、易用、高效的组件库。
    GitHub地址:https://github.com/meili/minui

    5、Wux WeApp

    Wux WeApp也是一个非常不错的微信小程序自定义 UI 组件库,组件比较丰富,值得使用。
    GitHub地址:https://github.com/wux-weapp/wux-weapp

    6、ColorUI

    ColorUI是一个Css类的UI组件库,注重于视觉交互。
    GitHub地址:https://github.com/weilanwl/ColorUI

    这些ui框架都大同小异,都是一些基本的组件,vantui稍微符合我当前项目的需要,所以就选了VantUI WeApp为主框架。不得不说下ColorUI,界面真的非常棒,奈何都是些常规的组件,没有突出的组件。

    至此项目框架定为:uni-app + VantUI WeApp

    ----------分割线----------

    有赞官网太坑人了,经常性打不开,使用过程中也是有很多问题,可能是我low,使用方式不对,都感觉要弃用有赞了,改天写写使用有赞ui时遇到的一些问题合集。

    ----------分割线----------

    最近发现一款功能比较齐全的ui框架,uView UI,看起来还不错,还没使用过。

    相关文章

      网友评论

          本文标题:小程序开发:选择框架(一)

          本文链接:https://www.haomeiwen.com/subject/rtabbhtx.html