美文网首页
移动前端WEB框架收集与选择

移动前端WEB框架收集与选择

作者: 笙笙哥 | 来源:发表于2020-01-07 16:19 被阅读0次

    更新于:2020-1-7

    如果不亲自,且全面地了解一下前端,都不知道自己有多落后。

    本文所给的 UI 框架,几乎都能包含手机上,模仿原生控件的所有 UI组件,而像Element UI 等优秀的组件,没有专门的移动端组件,所以未收集。

    本文只对移动端web 框架作收集。
    web 前端的框架很多,我们都希望选一个最优秀,和更适合自己的框架来构建项目,本文给出的排序和。

    最终选定 Framework7(Base Vue + Webpack + cordova)

    为什么要选它:

    • 目前几乎可以说是国内外,几乎最火的一个移动端 UI框架,不依赖于原生端。
    • Framework7的 UI 更丰富(对比于 Mint UI),如官方提供图片浏览,仿原生消息聊天控件等。
    • 通过文档介绍对比,官方提供Framwork7的文档与教程,几乎是可以碾压饿了么的。
    • 更完整的前端开发解决方案,如Cli, Icons, Support React, Community Forum等等

    排序不分先后,git Star仅供参考

    1. OnsenUI

    git star 7.8k

    Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js. https://onsen.io/

    2. Framework7

    git star 14.4k

    Full featured HTML framework for building iOS & Android apps http://framework7.io

    3.Mint UI

    git star 15.1k

    饿了么的移动前端框架

    4.Ratchet

    git star 14.4k

    Build mobile apps with simple HTML, CSS, and JavaScript components. http://goratchet.com

    5.Ant Design Mobile

    git star 7.9k

    一个基于 Preact / React / React Native 的 UI 组件库

    6.Vant

    git star 12.2K

    Lightweight Mobile UI Components built on Vue https://youzan.github.io/vant

    7.Cube UI

    git star 7.6K

    A fantastic mobile ui lib implement by Vue https://didi.github.io/cube-ui/

    8.Muse-UI

    git star 7.9K

    Material Design UI library for Vuejs 2.0 https://muse-ui.org

    9.MUI

    git star 12.4K

    性能和体验的差距,一直是mobile app开发者放弃HTML5的首要原因。 浏览器天生的切页白屏、不忍直视的转页动画、浮动元素的抖动、无法流畅下拉刷新等问题,这些都让HTML5开发者倍感挫败,尤其拿到Android低端机运行,摔手机的心都有; 另一方面,浏览器默认控件样式又少又丑,制作一个漂亮的控件非常麻烦,也有一些制作简单的ui框架但性能低下。

    mui框架有效的解决了这些问题,这是一个可以方便开发出高性能App的框架,也是目前最接近原生App效果的框架。

    10.Vonic

    git star 3.3K

    Mobile UI Components, based on Vue.js and ionic CSS. https://wangdahoo.github.io/vonic-documents

    11.SUI Mobile

    git star 6.2K

    MSUI 是阿里巴巴共享业务事业部UED团队的作品。目的是为了手机H5页面提供一个常用的组件库,减少重复工作。
    SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨平台Web App。

    12.AmazeUI

    git star 13.4K

    Amaze UI, a mobile-first and modular front-end framework. http://amazeui.org/
    最近一次更新是在3年前,已经不维护了,需要慎重选择

    13. NutUI

    git star 1.5K

    轻量级移动端Vue组件库 (A Vue.js 2.0 UI Toolkit for Mobile Web) https://nutui.jd.com


    收集过程中遇到的PC-web框架


    1.Element UI

    git star 23.2k

    2.Vuetifyjs

    另有Vue-Blu,Weex,Keen UI, Bootstrap Vue,Vue Material,Lonic,Gulp,LayUI,Foundation-sites等也非常不错,供以后使用。

    相关文章

      网友评论

          本文标题:移动前端WEB框架收集与选择

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