当前位置: 首页>前端>正文

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

更新于: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等也非常不错,供以后使用。


https://www.xamrdz.com/web/2v71994699.html

相关文章: