推荐六款移动端 UI 框架_WEB前端开发

推荐六款移动端 UI 框架_WEB前端开发,第1张

js生成某个范围内的随机数_WEB前端开发

js生成某个范围内的随机数的方法是:可以使用random()方法,该方法可以返回一个范围在【0-1】内的随机数,具体代码如【Math.random()】。


推荐六款移动端 UI 框架_WEB前端开发,第2张

作为一个前端人员来说,总结几款相对来说不错的用于移动端开发的UI框架是非常必要的,以下几种移动端UI框架就能基本满足工作中开发需要,根据项目需求,选用合适的框架搭建项目,更能容易提高开发效率。



一、MUI

最接近原生APP体验的高性能前端框架,追求性能体验,是我们开始启动MUI项目的首要目标,轻量必然是重要特征。


MUI不依赖任何第三方JS库,压缩后的JS和CSS文件仅有100+K和60+K,鉴于之前的很多前端框架(特别是响应式布局的框架),UI控件看起来太像网页,没有原生感觉,因此追求原生UI感觉也是我们的重要目标,MUI以iOS平台UI为基础,补充部分Android平台特有的UI控件

官方链接:http://dev.dcloud.net.cn/mui/


二、Frozen UI

由腾讯团队开发,适用于使用手Q规范设计的Web页面,而针对非手Q规范的页面,可通过修改变量定制界面主题。


可以按需选择需要的组件,也可以采用cdn和combo的方式按需加载。


使用iconfont展示图标,包含了按钮,列表,表单,提示,d窗等常用组件,新增文本,布局,1px, rem,文字截断,占位,两端留白,两端对齐等解决方案,同时解决了移动端屏幕适配问题。


CSS使用模块化的样式命名和组织规范,使用sass编写css代码。


官方链接:http://frozenui.github.io/


三、Amaze UI

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


Amaze UI 含近 20 个 CSS 组件、20 余 JS 组件,更有多个包含不同主题的 Web 组件,可快速构建界面出色、体验优秀的跨屏页面,大幅提升开发效率。


相比国外框架,Amaze UI 关注中文排版,根据用户代理调整字体,实现更好的中文排版效果;兼顾国内主流浏览器及 App 内置浏览器兼容支持。


Amaze UI 面向 HTML5 开发,使用 CSS3 来做动画交互,平滑、高效,更适合移动设备,让 Web 应用更快速载入。


JS 移动端的 Touch 事件使用_WEB前端开发

随着智能手机和平板电脑的普及, 越来越多的人用移动设备浏览网页,我们平时在pc浏览器上用的鼠标事件,比如:click, mouseover等, 已经无法满足移动设备触摸屏的特点,触摸时代的到来,离不开那些触摸事件。


官方链接:http://amazeui.org/


四、SUI Mobile

SUI Mobile 是一套基于 Framework7 开发的UI库。


它非常轻量、精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨平台Web App。


官方链接:http://m.sui.taobao.org/


五、Muse-UI

基于 Vue 2.0 和 Material Desigin 的 UI 组件库,Muse UI 拥有40多个UI 组件,用于适应不同业务环境。


Muse UI 自定义主题方式极为优雅,仅需少量代码即可完成主题样式替换。


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


官方链接:https://muse-ui.org/#/zh-CN


六、AUI2.0

AUI 2.0是一套全新的AUI框架,在1.X基础上进行了重新架构。


结合实际项目出发,站在开发者和项目的角度,重新定义AUI框架。


在2.0中使用了大量d性响应式布局,采用容器+布局结构+控件的嵌套形式,方便开发者快速布局样式。


我们充分吸取了AUI使用者的反馈意见和借鉴了市场上其他优秀UI框架,完成了2.0版本的开发。


2.0遵循Google Material 设计规范,使用MIT开源协议。


官方链接:http://www.auicss.com/doc/v/2/doc_id/1

推荐教程:《CSS教程》《JS教程》

以上就是推荐六款移动端 UI 框架的详细内容,更多请关注ki4网其它相关文章!

ps试用期7天过了怎么破解_WEB前端开发

ps试用期过了7天的破解方法:首先在破解之前,断开网络连接;然后在启动photoshop时,点击“激活”;接着在d出的窗口中,点击“脱机激活”;最后填写完信息,并复制申请码到注册机的“request”上即可。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/zaji/558899.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2020-05-21
下一篇 2020-05-21

发表评论

登录后才能评论

评论列表(0条)

保存