移动端常⽤UI框架
作为⼀个前端⼈员来说,总结⼏款相对来说不错的⽤于移动端开发的UI框架是⾮常必要的,以下⼏种移动端UI框架就能基本满⾜⼯作中开发需要,根据项⽬需求,选⽤合适的框架搭建项⽬,更能容易提⾼开发效率。
⼀、MUI
最接近原⽣APP体验的⾼性能前端框架,追求性能体验,是我们开始启动MUI项⽬的⾸要⽬标,轻量必然是重要特征
MUI不依赖任何第三⽅JS库,压缩后的JS和CSS⽂件仅有100+K和60+K,鉴于之前的很多前端框架(特别是响应式布局的框架),UI控件看起来太像⽹页,没有原⽣感觉,因此追求原⽣UI感觉也是我们的重要⽬标,MUI以iOS平台UI为基础,补充部分Android平台特有的UI控件
mui框架常用组件有哪些⼆、Frozen UI
由腾讯团队开发,适⽤于使⽤⼿Q规范设计的Web页⾯,⽽针对⾮⼿Q规范的页⾯,可通过修改变量定制界⾯主题。可以按需选择需要的组件,也可以采⽤cdn和combo的⽅式按需加载。使⽤iconfont展⽰图标,包含了按钮,列表,表单,提⽰,弹窗等常⽤组件,新增⽂本,布
局,1px, rem,⽂字截断,占位,两端留⽩,两端对齐等解决⽅案,同时解决了移动端屏幕适配问题。CSS使⽤模块化的样式命名和组织规范,使⽤sass编写css代码。
三、Amaze UI
Amaze UI 以移动优先(Mobile first)为理念,从⼩屏逐步扩展到⼤屏,最终实现所有屏幕适配,适应移动互联潮流。Amaze UI 含近20 个 CSS 组件、20 余 JS 组件,更有多个包含不同主题的 Web 组件,可快速构建界⾯出⾊、体验优秀的跨屏页⾯,⼤幅提升开发效率。相⽐国外框架,Amaze UI 关注中⽂排版,根据⽤户代理调整字体,实现更好的中⽂排版效果;兼顾国内主流浏览器及 App 内置浏览器兼容⽀持。Amaze UI ⾯向 HTML5 开发,使⽤ CSS3 来做动画交互,平滑、⾼效,更适合移动设备,让 Web 应⽤更快速载⼊。
四、SUI Mobile
SUI Mobile 是⼀套基于 Framework7 开发的UI库。它⾮常轻量、精美,只需要引⼊我们的CDN⽂件就可以使⽤,并且能兼容到 iOS
6.0+ 和 Android 4.0+,⾮常适合开发跨平台Web App。
五、Muse-UI
基于 Vue 2.0 和 Material Desigin 的 UI 组件库,Muse UI 拥有40多个UI 组件,⽤于适应不同业务环境。Muse UI ⾃定义主题⽅式极为优雅,仅需少量代码即可完成主题样式替换。Muse UI 基于 Vue2.0 开发,Vue2.0是当下最快的前端框架之⼀,⼩巧,api友好,可⽤于开发的复杂单页应⽤。
六、AUI2.0
AUI 2.0是⼀套全新的AUI框架,在1.X基础上进⾏了重新架构。结合实际项⽬出发,站在开发者和项⽬的⾓度,重新定义AUI框架。在2.0中使⽤了⼤量弹性响应式布局,采⽤容器+布局结构+控件的嵌套形式,⽅便开发者快速布局样式。我们充分吸取了AUI使⽤者的反馈意见和借鉴了市场上其他优秀UI框架,完成了2.0版本的开发。2.0遵循Google Material 设计规范,使⽤MIT开源协议。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。