美文网首页前端攻城狮前端那些事ionic2.0+实战
移动端框架如雨后春笋,你该如何选择?

移动端框架如雨后春笋,你该如何选择?

作者: 全栈弄潮儿 | 来源:发表于2018-03-02 09:19 被阅读52次

    react-native 60.4k

    React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架,是Facebook早先开源的UI框架

    React

    在原生移动应用平台的衍生产物,目前支持iOS和安卓两大平台。RN使用Javascript语言,类似于HTML的JSX,以及CSS来开发移动应用,因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。

    React Native使你能够在Javascript和React的基础上获得完全一致的开发体验,构建世界一流的原生APP。

    React Native着力于提高多平台开发的开发效率 —— 仅需学习一次,编写任何平台。(Learn once, write anywhere)

    ionic  33.4k

    Build amazing native and progressive web apps with open web technologies. One app running on everything

    ionic由谷歌团队开发维护。 ionic是一个强大的 HTML5 应用程序开发框架(HTML5 Hybrid Mobile App Framework )。

    可以帮助您使用 Web 技术,比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。

    ionic 主要关注外观和体验,以及和你的应用程序的 UI 交互,特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。

    ionic是一个轻量的手机UI库,具有速度快,界面现代化、美观等特点。为了解决其他一些UI库在手机上运行缓慢的问题,它直接放弃了IOS6和Android4.1以下的版本支持,来获取更好的使用体验。

    weui  17.7k

    WeUI is an WeChat-like UI framework officially designed by the WeChat

    Design Team, tailor-made for WeChat Web development, in order to improve

    and standardize the experience for WeChat users. Including components

    such as button、cell、dialog、 progress、 toast、article、actionsheet、icon.

    Weex  16k

    2016年4月21日,在Qcon大会上宣布跨平台移动开发工具Weex开放内测邀请。

    Weex

    是一套简单易用的跨平台开发方案,能以 web 的开发体验构建高性能、可扩展的 native 应用,为了做到这些,Weex 与 Vue

    合作,使用 Vue 作为上层框架,并遵循 W3C 标准实现了统一的 JSEngine 和 DOM API,这样一来,你甚至可以使用其他框架驱动

    Weex,打造三端一致的 native 应用。

    Weex能够完美兼顾性能与动态性,支持iOS、安卓、YunOS及Web等多端部署。

    amazeui 11.4k

    中国首个开源 HTML5 跨屏前端框架。

    Amaze UI 以移动优先(Mobile first)为理念,从小屏逐步扩展到大屏,最终实现所有屏幕适配,适应移动互联潮流。

    Vux 11.3k

    Vux(读音 [v'ju:z],同views)是基于WeUI和Vue(2.x)开发的移动端UI组件库,主要服务于微信页面。

    基于webpack+vue-loader+vux可以快速开发移动端页面,配合vux-loader方便你在WeUI的基础上定制需要的样式。

    vux-loader保证了组件按需使用,因此不用担心最终打包了整个vux的组件库代码。

    vux并不完全依赖于WeUI,但是尽量保持整体UI样式接近WeUI的设计规范。最初目标是创建一个易用,实用,美观的移动端UI组件库,现在离理想状态还有不少距离,因此需要大家及时反馈问题及贡献代码。

    即使你不使用vux的代码, 但能从源码得到一些参考那么也是件让人高兴的事情。

    Mint UI  9.8k

    基于 Vue.js 的移动端组件库

    Mint UI 包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要。通过它,可以快速构建出风格统一的页面,提升开发效率。

    真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件,无需再纠结文件体积过大。

    考虑到移动端的性能门槛,Mint UI 采用 CSS3 处理各种动效,避免浏览器进行不必要的重绘和重排,从而使用户获得流畅顺滑的体验。

    依托 Vue.js 高效的组件化方案,Mint UI 做到了轻量化。即使全部引入,压缩后的文件体积也仅有 ~30kb (JS + CSS) gzip。

    mui 8.4k

    性能和体验的差距,一直是mobile app开发者放弃HTML5的首要原因。

    浏览器天生的切页白屏、不忍直视的转页动画、浮动元素的抖动、无法流畅下拉刷新等问题,这些都让HTML5开发者倍感挫败,尤其拿到Android低端机运行,摔手机的心都有;

    另一方面,浏览器默认控件样式又少又丑,制作一个漂亮的控件非常麻烦,也有一些制作简单的ui框架但性能低下。

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

    wepy 6.7k

    WePY 是一款让小程序支持组件化开发的框架,通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序。框架的细节优化,Promise,Async Functions的引入都是为了能让开发小程序项目变得更加简单,高效。

    Muse-UI 5.5k

    基于 Vue 2.0 和 Material Desigin 的 UI 组件库

    特性

    1.组件丰富

    Muse UI 基本实现了 Material Design 设计规范类的所有组件,另外还开发许多的功能性的组件

    2.可定制

    Muse UI 使用less文件,所有的颜色都有一个变量维护,通过编写 less 文件完成自定义主题,另外组件内部也提供一些修改效果的参数

    3.基于 Vue 2.0

    Muse UI 基于 Vue2.0 开发,Vue2.0是当下最快的前端框架之一,小巧,api友好,可用于开发的复杂单页应用

    vonic 2.5k

    一个基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用。

    和 ionic 的关系:没有关系,只是在样式方面以 ionic 的 css 文件为基础(做了一些调整)

    vue-carbon 0.8k

    基于 vuejs 1.0 开发 material design 风格的移动端 WEB UI 库。

    使用文档地址 https://myronliu347.github.io/vue-carbon/book/v0.5.0/index.html

    zanui-weapp 0.3k

    高颜值、好用、易扩展的微信小程序 UI 库,Powered by 有赞。

    frozenui 0.2k

    FrozenUI的CSS组件库,基于腾讯手Q样式规范,腾讯QXD出品。

    VUWE 0.1k

    vuwe是一款基于微信WeUI所开发的,专用于Vue2的组件库。

    它与WeUI完全解耦。用户通过自定义WeUI的样式文件,可以方便地对VUWE实现定制化。


    更多angular1/2/4/5、ionic1/2/3、react、vue、微信小程序、nodejs等技术文章、视频教程和开源项目,请关注微信公众号——全栈弄潮儿

    相关文章

      网友评论

        本文标题:移动端框架如雨后春笋,你该如何选择?

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