search

youngjuning / issues

一寸欢喜 - 怕什么真理无穷，进一寸有一寸的欢喜
https://youngjuning.js.org
44 stars 4 forks source link

移动 Web UI 框架大赏 #29

Open youngjuning opened 6 years ago

youngjuning commented 6 years ago
youngjuning commented 6 years ago

Framwork7

Framework7 是一个开源免费的框架可以用来开发混合移动应用（原生和HTML混合）或者开发 iOS & Android 风格的WEB APP。也可以用来作为原型开发工具，可以迅速创建一个应用的原型。

Framework7 最主要的功能是可以使用HTML、CSS和JS来开发iOS7应用。Framework7 是完全免费开源的。

Framework7 并不能兼容所有的设备。她只专注于为 iOS 和 Google Material 设计提供最好的体验。

如果你想开发 iOS 或者 Android 混合应用（Phonegap）或者你想开发 iOS 和 Google Material 风格的WEB APP，那么Framework7将会是你的首选。

学习 Framework7 非常简单。只要你知道 HTML, CSS 和 一点点 Javascript，你就基本知道如何使用 Framework7 来创建一个 iOS 应用了。

相关网站

兼容性

Framework7 是一个针对iOS7的框架。从一开始，她就考虑到如何最方便快捷地实现iOS7上各种惊艳的UI组件，以及复杂的动画和灵活的触摸交互。所以Framework7是你实现像素级精度的iOS7应用的最佳选择。因此这个框架是根本不考虑安卓机的兼容问题的。

适用场景

如何兼容安卓

image

这是 Framework7 淘宝中文网的说明，但是 F7-Plus 这个库已经不存在了，所以呢，如果你需要兼容安卓机型，目前唯一的途径就是使用淘宝前端团队开发的 MSUI 框架

youngjuning commented 6 years ago

SUI Mobile

轻量，小巧且精美的UI库，方便迅速搭建手机H5应用

SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美，只需要引入我们的CDN文件就可以使用，并且能兼容到 iOS 6.0+ 和 Android 4.0+，非常适合开发跨平台Web App。

轻量的UI库

SUI Mobile 非常轻量，核心库压缩Gzip后的JS、CSS网络传输体积总共只有52K，却提供了20+个常用的组件。

对于只有HTML&CSS的组件，你只需要复制HTML代码既可以使用。他的大部分JS组件都是独立的 Zepto 插件，并且提供了 Zepto/jQuery 风格的API，你将会非常熟悉这种方式。

炫酷的iOS风格

我们的组件都是按照iOS风格设计的，所有有很多组件都是iOS独有的炫酷设计。

功能强大的组件

我们实现了下拉刷新、日历、省市区选择器等功能非常强大的组件，并且他们在安卓上也是同样好的体验。

如果你还在为如何实现下拉刷新纠结，还在调试安卓日历输入框的bug，还在自己写收货地址选择，不如赶紧用SUI吧。

兼容性

能兼容到 iOS 6.0+ 和 Android 4.0+，非常适合开发跨平台Web App

适用场景

相关网站

youngjuning commented 6 years ago

FrozenUI

适用于使用手Q规范设计的Web页面，而针对非手Q规范的页面，可通过修改变量定制界面主题。

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

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

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

兼容性

兼容android 2.3 +，ios 4.0 + 。

相关网站

youngjuning commented 6 years ago

Amaze UI Touch

基于 React.js 的移动端 Web 组件库

兼容性

完整支持实现 12 版 flexbox 规范的浏览器（WebView），如 Android 4.4+、IE Mobile 11+、iOS 7.1+

适用场景

相关网站

youngjuning commented 6 years ago

amazeui

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

兼容性

-兼容主流桌面、移动浏览器（WebView） -有限支持 IE8

适用场景

相关网站