首页 > 编程知识 正文

web框架,移动端vue ui框架

时间:2023-05-03 20:24:02 阅读:50731 作者:2950

淘宝SUI Mobile框架

官网: http://m.sui.taobao.org/

SUI Mobile是一组基于框架7开发的UI库。 它非常轻巧美观,只需部署我们的CDN文件即可使用,与iOS 6.0和Android 4.0兼容,非常适合跨平台Web App开发。

轻量级UI库

SUI Mobile非常轻,核心库压缩Gzip的JS、CSS网络传输体积总计只有52K,但提供了20个常见组件。

对于只有HTMLCSS的组件,只需复制HTML代码即可使用。 他的大多数JS组件是独立的Zepto插件,提供Zepto/jQuery样式的API。 你会精通这个方法吧。

移动端web框架Frozen UI

官方网站地址: http://frozenui.github.io/

Frozen UI是一个开源易用、重量轻、速度快的移动端UI框架。 根据手q的样式规范,选择最常用的零部件,制定手q共用线下套餐的减排要求,升级方式友好,文档完整,目前已全面应用于腾讯手q的增值业务。

手机q以外的用户无法使用脱机包,即使直接向核心css请求也只有28k。 也可以通过cdn和combo方式按需加载。

CSS组件包括按钮、列表、表单、通知、古巴、弹出框、选项卡、等级图标、角标记、红点和1px解决方案等。

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

FrozenJS是为移动设备开发的js组件库,依赖于zepto.js和FrozenUI,同时支持seajs模块化和非模块化方法。

FrozenJS包含基本: FrozenJS的基本功能,包括模板引擎和tap支持。 ui :主要是触摸屏上常用的ui组件,包括诊断程序等。 effect :一种非常有用的特殊效果库,在特殊场景中使用时可以单独调用。

与安卓2.3、ios 4.0兼容。

移动WebApp开发框架 Clouda

官网: http://clouda.baidu.com/

Clouda是一个基于node.js的Webapp开发框架,如果使用Clouda,则必须安装node.js和MongoDB。

Clouda是百度推出的面向资深开发者的WebApp开发框架。 用Clouda开发app,可以在多个终端上进行数据同步、任务迁移。 另外,Clouda支持面向数据的编辑模式,可以根据数据的变化自动实现接口的实时更新,开发者不需要描述迁移过程。 其核心是使用云、端统一的Javascript语言,可在浏览器、iOS、Android及百度边框上同时运行。 另外,clouda app可以同时开发服务端和客户端,客户端数据与云实时同步,其内部数据也可以通过搜索引擎进行搜索,app孤岛和99.9%的长尾app应用分发量为99.9%

HTML 移动端框架 Framework7

官方网站地址: http://framework7.io/

Framework7或F7是一个绑定全功能IOs7APP应用程序的HTML框架。 框架7是一个免费的开源HTML移动端框架,用于开发移动APP应用程序和混合iOS 7的web APP应用程序,具有iOS 7的本机外观和感觉。 Framework7也是一个独立的原型实用程序。

Framework7使用Javascript、CSS和HTML创建IOs7APP应用程序,以支持多个平台的迁移(PhoneGap ),但并不支持所有平台

Amaze UI框架

官网: http://amazeui.org/

Amaze UI开发的思考

通过拆分、封装常见的web组件,并对使用云兼容平台开发的移动网站进行标准化,现在可以形成统一的用户体验。

1、语义化

Amaze UI开发遵循语义化原则,旨在通过类名(class )等信息直观传达要素的功能作用,同时关注结构、样式、行为的分离,降低各部分的结合度,提高开发效率和可维护性。

2、移动优先、跨屏匹配

遵循“移动优先”、“渐进增强”、“主动增强”的理念,首先从移动设备开发站点,然后扩展到更大屏幕的设备,是最重要的可以轻松创建支持跨屏幕的网页。

3、模块化,按需定制

AMUI使用LESS创建样式,结构良好,易于扩展,易于维护; 使用Seajs模块开发和组织JavaScript,自然优雅。

4、专注于HTML5

AMUI基于轻量级Zep

to.js开发,有效减少为兼容旧浏览器的臃肿代码;基于 CSS3 的交互效果,平滑、高效。AMUI专注于现代浏览器(支持HTML5),不再为过时的浏览器耗费资源,为更有价值的用户提高更好的体验。

5、本地化支持

相比国外的前端框架,Amaze UI专注解决中文排版优化问题,根据操作系统调整字体,实现最佳中文排版效果;针对国内主流浏览器及App内置浏览器提供更好的兼容性支持,为你节省大量兼容性调试时间。

Amaze UI 的开发历程

云适配创始人bzdxbc:这个项目最开始是作为内部使用工具来开发的。我们云适配本身就是一个前端产品,Amaze UI能帮我们降低开发时间和成本,用标准化作业流程,能有更高的产出。

从云适配创立之初,我们就开始积累自己的前端框架,同时也借鉴了Bootstrap等国外框架的优点。在内部使用过程中,大家一致反映不错,我们就希望把这个产品开源,希望分享给更多的人,也希望更多的人来贡献代码,来共建中国前端开源生态环境。在最近几个月,我们投入人力将这个项目整理成一个开源产品。目前有2个软件工程师全职在开发这个产品,还有一个设计,一个PM也在尽力配合。产品发布之后,我们会投入更多全职的工程师来专心打磨这个产品,同时也呼吁更多的前端开发爱好者共同来完善这个框架。

Amaze UI的目标

帮助开发者提高开发效率,提升网页效果,即用最短的时间做出最赞的网页,使更多的前端开发者不再受前端复杂代码困扰。

Jingle移动端框架

官网地址:http://vycool.com/Jingle/

Jingle是一个SPA(Single Page Application)开发框架,用来开发移动端的html5应用,在体验上尽量去靠近native应用,希望有一天html5能够做到与native一样的操作体验。

腾讯移动Web前端框架

官网地址:https://github.com/AlloyTeamDev/Pro

微信WeUI和微信支付WePayUI

https://github.com/weui/weui

https://github.com/wepayui

GMU

百度已经不更新

 

purecss

 

ionic

 

jquery mobile

 

bootstrap

 

MUI

http://dev.dcloud.net.cn/mui/

 

AUI

http://www.auicss.com/

 

 

总结:

框架固然是好,而且很多问题都已经解决,尤其是兼容性问题;但是带来的问题也很多,尤其是你只会用框架,不知道里面的原理;所以我个人建议:先静态最原始的方式实现,再到框架进行重构。

转载于:https://www.cnblogs.com/EasonJim/p/6216587.html

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。