精华内容
下载资源
问答
  • 移动Web UI库(H5框架有哪些,看这里就够了

    万次阅读 多人点赞 2017-11-25 16:30:25
    鉴于此,我们尽快建立移动端UI库是非常必要和意义的,做之前我大量看了下目前移动端的UI库,以及H5框架,比较丰富和切实的了解了更多的应用场景,本文将介绍各个移动端框架,没有技术,只有一个列表,勿喷,谢谢...

    前言

    今年上半年,项目组在项目开发的过程中建立了一套风格统一,组件丰富完善,命名统一规范的PC端UI库,适用于做大型站点,该UI库也是应用到了整个平台的项目中,在各个项目组中进行推广。因为项目的保密性,这里不方便给出实际项目,当然目前这套UI库也不是开源的。

    下半年开始,我们偏向做移动Web的同学也开始考虑要梳理出这样一套适用于移动端的UI库,与PC端UI库命名规范保持一致,便于项目组同学在PC项目和移动项目中随意切换,当然,移动端的组件和样式以及交互与PC端都是有很大差别的,比如PC端的下拉菜单,在移动端可能就需要弹出的picker来实现了。鉴于此,我们尽快建立移动端UI库是非常有必要和有意义的,做之前我大量看了下目前移动端的UI库,以及H5框架,比较丰富和切实的了解了更多的应用场景,本文将介绍各个移动端框架,没有技术,只有一个列表,勿喷,谢谢!

    移动Web UI库列表

    1、Framework7
    Framework7 - is a free and open source mobile HTML framework to develop hybrid mobile apps or web apps with iOS & Android native look and feel. It is also an indispensable prototyping apps tool to show working app prototype as soon as possible in case you need to.

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

    3、FrozenUI
    Frozen UI是一个开源的简单易用,轻量快捷的移动端UI框架。基于手Q样式规范,选取最常用的组件,
    做成手Q公用离线包减少请求,升级方式友好,文档完善,目前全面应用在腾讯手Q增值业务中。

    4、Amaze UI
    中国首个开源 HTML5 跨屏前端框架,相比国外框架,Amaze UI 关注中文排版,根据用户代理调整字体,实现更好的中文排版效果;兼顾国内主流浏览器及 App 内置浏览器兼容支持。
    Amaze UI 以移动优先(Mobile first)为理念,从小屏逐步扩展到大屏,最终实现所有屏幕适配,适应移动互联潮流。

    5、MUI
    最接近原生APP体验的高性能前端框架。

    6、WeUI
    WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。

    7、VUX
    Vux(读音 [v’ju:z],同views)是基于WeUI和Vue(2.x)开发的移动端UI组件库,主要服务于微信页面。
    基于webpack+vue-loader+vux可以快速开发移动端页面,配合vux-loader方便你在WeUI的基础上定制需要的样式。
    vux-loader保证了组件按需使用,因此不用担心最终打包了整个vux的组件库代码。

    8、WEEX
    Weex 是一套简单易用的跨平台开发方案,能以 web 的开发体验构建高性能、可扩展的 native 应用,为了做到这些,Weex 与 Vue 合作,使用 Vue 作为上层框架,并遵循 W3C 标准实现了统一的 JSEngine 和 DOM API,这样一来,你甚至可以使用其他框架驱动 Weex,打造三端一致的 native 应用。

    9、Ant Design Mobile
    antd-mobile 是 Ant Design 的移动规范的 React 实现,服务于蚂蚁及口碑无线业务。

    10、vue-carbon
    基于 vuejs 1.0 开发 material design 风格的移动端 WEB UI 库, 设计资源参考 CARBON FrameWork7。

    11、uiKit
    uiKit是一款轻量级、模块化的前端框架,可快速构建强大的web前端界面。

    12、H-ui
    H-ui是轻量级前端框架,简单免费,兼容性好,适用于中国网站。

    13、layui
    Layui 诞生于2016年金秋,是一款带着浓烈情怀的国产前端UI框架,她追求极简,又不失丰盈的内在,说她是史上最轻量的结晶,似乎并不为过。一切都源自于她对原生态的执着,对前端社区的那些噪杂声音的过滤,以及她本身的精心雕琢。

    14、YDUI Touch
    YDUI Touch 专为移动端打造,在技术实现、交互设计上兼容主流移动设备,保证代码轻、性能高;使用 Flex 技术,灵活自如地对齐、收缩、扩展元素,轻松搞定移动页面布局;实现强大的屏幕适配布局,等比例适配所有屏幕。什么?用得不开心?轻松切换 px;自定义Javascript组件、Less文件、Less变量,定制一份属于自己的YDUI。

    15、sheral
    基于sandal(基础sass库)扩展的移动端UI库。具体设计思想可参看sheral——一个方便定制及扩展的UI组件库

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

    17、Mint UI
    基于 Vue.js 的移动端组件库
    Mint UI 包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要。通过它,可以快速构建出风格统一的页面,提升开发效率。
    真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件,无需再纠结文件体积过大。
    考虑到移动端的性能门槛,Mint UI 采用 CSS3 处理各种动效,避免浏览器进行不必要的重绘和重排,从而使用户获得流畅顺滑的体验。
    依托 Vue.js 高效的组件化方案,Mint UI 做到了轻量化。即使全部引入,压缩后的文件体积也仅有 ~30kb (JS + CSS) gzip。

    18、Muse-UI
    基于 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友好,可用于开发的复杂单页应用。

    19、jQuery WeUI
    jQuery WeUI 是专为微信公众账号开发而设计的一个简洁而强大的UI库,包含全部WeUI官方的CSS组件,并且额外提供了大量的拓展组件,丰富的组件库可以极大减少前端开发时间。
    jQuery WeUI 的最大特点是它只提供UI组件,并不会对项目所使用的框架和其他库有任何的限制,几乎可以在任何环境下使用。无论你的项目是基于jQuery,还是 React, Angular, Vue, 你都会发现 jQuery WeUI 能非常方便的和他们结合使用。既是你的项目是一个有很悠久历史的老项目,也几乎可以做到拿来即用。
    国外官网:http://jqweui.com/

    20、QMUI Web
    QMUI Web 是一个专注 Web UI 开发,帮助开发者快速实现特定的一整套设计的框架。
    框架主要由一个强大的 Sass 方法合集与内置的工作流构成。通过 QMUI Web,开发者可以很轻松地提高 Web UI 开发的效率,同时保持了项目的高可维护性与稳健。
    该框架同步有针对Android和IOS风格的移动UI框架。


    后面有优秀的专注于移动端开发的UI库大家可以一起来补充啊!

    展开全文
  • 前端 h5框架demo

    2017-11-21 15:29:44
    移动前端H5框架,不好用的话,骗分的话,你拿刀过来砍我。
  • 这是一个最接近原生开发的H5框架,可以开发出各种App的原生效果,支持手机端app端 这是一个最接近原生开发的H5框架,可以开发出各种App的原生效果,支持手机端app端
  • 比较好的移动端h5框架
  • 白鹭H5游戏框架

    2019-01-31 01:15:03
    一套比较完整的白鹭h5游戏框架,白鹭引擎 ewing编辑器
  • 移动端H5 UI框架

    2018-09-21 09:36:25
    干货,下载不后悔。 一个移动端H5的UI框架,我花钱买的。
  • 页面自适应,750px*1334px模板,也就是font-size:20px模板,自行换算
  • 微信H5框架:WEUI

    2020-09-24 17:17:46
    所以还是决定花点时间换一个框架。 WEUI WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。 依赖 微信官方 //res.wx.qq....

    之前项目里用的是SUI(说是某宝的),最近项目来了新需求发现SUI已经停止维护了,目前用是还能用,但是官网已经打不开了,API也查不到了。所以还是决定花点时间换一个框架。

    WEUI

    WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。

    依赖

    核心文件 weui.css,只需要获取到该文件,然后在页面中引入,即可使用 WeUI 的组件。

    组件

    https://www.kancloud.cn/ywfwj2008/weui/274287

    效果

    https://weui.io/

    weui.js

    WeUI 的轻量级 js 封装。

    注意:由于微信小程序不支持dom操作,所以weui.js并不适用于小程序。

    API 文档

    总体使用效果不错,组件引用比较人性化,对比SUI好用很多,SUI貌似和JQuery还冲突。适用于快速开发企业微信,公众号等H5应用。

    展开全文
  • 移动端H5框架集合

    千次阅读 2019-10-25 17:56:26
    https://www.jianshu.com/p/fefc43f22b00
    展开全文
  • 手机H5框架是基于vue.js3的版本,采用的typescript脚本,使用Vant UI界面(兼容公众号、小程序),框架封装了网络交互单元,axios拦截,比如请求时遮照层。目标就是设计一个简单、更简单,方便使用的移动端手机App...
  • H5游戏框架设计

    千次阅读 2019-09-29 11:08:27
    当我们写出了一套自己的游戏框架之后,我们就能在以后每次开发新项目的时候,快速复用以往的经验积累。一个框架的好处就是复用性,在开发一个新项目的时候,能快速专注于新游戏的业务逻辑。我们在写游戏框架的时候,...
  • H5学习之旅-H5框架(13)

    千次阅读 2015-09-21 15:38:41
    H5框架语法介绍 :frame:框架对于页面的设计很大的作用 frameSet:框架集标签定义如何将窗口分割为框架 ,每一个frameset定义一些列行或者列,rowS/COLS规定了每行或者每列占据屏幕的面积 noresize:固定框架大小...
  • H5前端框架说明文档

    2019-12-12 16:00:22
    H5前段框架是在app中混合展示服务端和app本地H5界面的简单框架, 目的: 保留app本地H5的基础上,灵活使用服务器端H5网页 核心思路:在APP本地添加模板h5文件。H5文件中 一方面引入APP本地公共js和其他资源;另一...
  • H5前端框架总结

    千次阅读 2017-02-25 16:08:25
    H5前端框架总结 一: Bootstrap 优点  1.Bootstrap 最大的优势就是它非常流行,流行就代表你问题就很多人帮你解决问题,还有就是界面比较和谐,容易上手,最新 V4 版也开始支持 FlexBox  布局,这是非常好的...
  • H5和Android通信框架

    2018-03-06 18:20:15
    H5和Android通信框架,让H5和Android相互调用更加简单。
  • 本文介绍了H5的开发框架Ionic的基本概念,和cordova、Angular.js的关系和版本,Ionic的入门介绍,如何安装环境,创建一个h5项目,并且编译打包,安装到手机或模拟器运行,以及学习资源、ionic一体化开发工具ionic...
  • H5混合开发与MUI框架教学视频,高清录制,H5混合开发与MUI框架教学视频,高清录制。H5混合开发与MUI框架教学视频
  • bootstrap minoral 后台框架 挺好用的 一款后台框架
  • 第一次发项目,以供大家学习参考,可能有些简陋,若不合理处,请大神们指教。 最近在朋友圈出现了很多DIY类的H5游戏,通过添加拖拉摆放和组合元素,来DIY自定义一个场景并合成图片分享出去的新H5展示形式。笔者也...
  • SUI Mobile 手机移动端H5框架

    千次阅读 2018-05-10 14:58:59
    SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美,只需要引入我们的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨平台Web App。官网链接:http://m.sui.taobao.org...
  • h5rem自适应框架

    2016-12-14 17:56:08
    移动端h5页面rem适配
  • h5开发框架MUI

    2018-01-26 17:43:25
    mui.js开发必须引用的 picker .js时间选择器js, poppicker.js
  • 10大H5前端框架

    千次阅读 2019-10-24 08:49:28
    作为一名做为在前端死缠烂打6年并且懒到不行的攻城士,这几年我还是阅过很多同门从知名到很知名的各种前端框架,本来想拿15-20个框架来分享一下,但在跟几个前辈讨教写文章的技巧时果断被无情的打击了,所以这里我...
  • H5前端开源框架收藏

    2018-06-16 17:07:22
    比较重要的是RPC框架pigeon,消息队列swallow,基于zookeeper的配置管理平台lion,还有Java业务监控工具cat,还有前端框架neuron。 7个最牛的HTML5移动开发...H5的基本框架有哪些?- https://zhidao.baidu.com/qu...
  • H5小说阅读器框架

    2019-04-28 15:30:57
    基于MUI、sui的html5小说阅读器前端框架,基于MUI、sui的html5小说阅读器前端框架,基于MUI、sui的html5小说阅读器前端框架。重要的事情说三遍

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 50,552
精华内容 20,220
关键字:

h5框架有哪些