淘宝SUIMobile框架框架官网(移动端web框架Frozen)

淘宝SUIMobile框架框架官网(移动端web框架Frozen)

官网地址:

SUI Mobile是一套基于Framework7开发的UI库。 它非常轻巧且美观。 您只需要引入我们的CDN文件即可使用。 它兼容iOS 6.0+和Android 4.0+,非常适合开发跨平台的Web Apps。

轻量级 UI 库

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

对于只有HTML&CSS的组件,只需复制HTML代码即可使用。 它的大部分 JS 组件都是独立的 Zepto 插件,并提供您会非常熟悉的 Zepto/jQuery 风格的 API。

web游戏开发框架_h5小游戏开发框架_html5游戏开发 框架

移动 Web 框架 Frozen UI

官网地址:

Frozen UI 是一个开源、易于使用、轻量级且快速的移动 UI 框架。 根据手Q风格规范,选择最常用的组件,制作成手Q公共离线包,减少请求。 升级方式友好,文档齐全。 目前已全面应用于腾讯手Q增值服务。

非手Q用户无法使用离线包,直接请求核心css,只有28k。 另外,还可以采用CDN、Combo等方式进行按需加载。

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

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

FrozenJS是一个为移动终端开发的js组件库。 它依赖于zepto.js和FrozenUI,并支持seajs模块化和非模块化方法。

FrozenJS 包括: basic:FrozenJS 的一些基本功能,包括模板引擎、tap 支持等。 ui:主要是一些触摸屏常用的 UI 组件,包括对话框等。effect:一个非常有用的特效库,可以调用特殊场景使用时单独使用。

兼容安卓2.3+、ios 4.0+。

web游戏开发框架_html5游戏开发 框架_h5小游戏开发框架

移动WebApp开发框架Clouda

官网地址:

Clouda是一个基于node.js的Web应用程序开发框架。 使用Clouda时,需要安装node.js和MongoDB。

Clouda是百度推出的面向高级开发者的WebApp开发框架。 在Clouda中开发应用程序可以实现多终端下的数据同步和任务迁移。 此外,Clouda支持面向数据的编辑模式,根据数据的变化自动实时更新界面,开发者无需描述过渡过程。 其核心是云端和客户端使用统一的Javascript语言,可以同时运行在浏览器、iOS、Android和百度盒子中。 另外clouda app可以同时开发服务端和客户端。 客户端数据与云端实时同步贴图笔刷,其内部数据也可被搜索引擎检索,解决了应用孤岛和99.9%的长尾应用的搜索和分发问题,而分发量仅占30%。

HTML移动框架Framework7

官网地址:

Framework7 或 F7 是一个功能齐全的 HTML 框架,可绑定 iOS 7 应用程序。 Framework7 是一个免费开源的 HTML 移动框架,用于开发混合移动应用程序或 iOS 7 Web 应用程序,具有 iOS 7 的原生外观和感觉。Framework7 也是一个独立的原型设计应用程序工具。

Framework7使用Javascript、CSS和HTML创建iOS 7应用程序,并支持迁移到多个平台(PhoneGap),但它并不支持所有平台,主要针对iOS 7。

html5游戏开发 框架_web游戏开发框架_h5小游戏开发框架

惊奇 UI 框架

官网地址:

惊奇UI开发思路

通过对一些常用的网页组件进行拆分和封装,规范使用云适配平台开发的移动网站,逐步形成统一的用户体验。

1. 语义化

Amaze UI开发遵循语义学原则,旨在通过类名等信息直观地传达元素的功能作用。 还注重结构、风格、行为的分离html5游戏开发 框架,降低各部分的耦合度,提高开发效率和可维护性。

2.移动优先,跨屏适配

遵循“移动优先”和“渐进增强”的理念,您可以从移动设备开始开发网站,并逐渐专注于大屏幕设备上最重要的内容和交互。 适应移动互联网的趋势。 轻松创建跨屏网页。

3.模块化html5游戏开发 框架,按需定制

AMUI使用LESS来编写样式,结构良好,易于扩展,易于维护; 它使用Seajs模块化开发并组织JavaScript,自然而优雅。

4. 关注HTML5

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

5.本地化支持

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

Amaze UI的发展历史

云适配创始人陈本峰:这个项目最初是作为内部使用工具开发的。 我们的云适配本身就是一个前端产品。 Amaze UI可以帮助我们减少开发时间和成本,并使用标准化的操作流程来实现更高的产出。

从云适配开始,我们就开始积累自己的前端框架,同时也借鉴了Bootstrap等国外框架的优势。 内部使用过程中,大家反应都不错。 我们希望将这个产品开源并分享给更多的人。 我们也希望更多的人贡献代码,共同构建中国前端开源生态环境。 近几个月来,我们投资将该项目组织成开源产品。 目前,有两名软件工程师全职开发该产品,还有一名设计师和一名PM也在尽力配合。 产品发布后,我们会投入更多的全职工程师来专注打磨这个产品,同时也会号召更多的前端开发爱好者共同努力完善这个框架。

Amaze UI 的目标

帮助开发者提高开发效率,改善网页效果,即在最短的时间内创建出最好的网页,让更多的前端开发者不再被复杂的前端代码困扰。

Jingle移动框架

官网地址:

Jingle是一个SPA(单页应用程序)开发框架,用于开发移动html5应用程序。 体验尽可能接近本机应用程序。 希望有一天html5能够达到和原生一样的操作体验。

html5游戏开发 框架_web游戏开发框架_h5小游戏开发框架

腾讯手机Web前端框架

官网地址:

html5游戏开发 框架_h5小游戏开发框架_web游戏开发框架

微信WeUI和微信支付WePayUI

web游戏开发框架_html5游戏开发 框架_h5小游戏开发框架

html5游戏开发 框架_h5小游戏开发框架_web游戏开发框架

通用汽车大学

百度不再更新了

h5小游戏开发框架_web游戏开发框架_html5游戏开发 框架

纯素

离子型

jQuery 移动

引导程序

多用户界面

急性肾损伤

h5小游戏开发框架_html5游戏开发 框架_web游戏开发框架

总结:

框架当然好材质材料,解决了很多问题,特别是兼容性问题; 但也带来了很多问题,尤其是只使用框架而不了解里面的原理; 所以我个人的建议是:从静态的、原始的Method实现开始,然后重构框架。

文章来源:https://blog.csdn.net/weixin_30485379/article/details/95730325