我们经常听见的前端框架是一个非常大的范词,因为前端框架都是基于JS、CSS、HTML5技术开发实现的,不过选择一个HTML5开发框架需要考虑哪些方面,首先就是需要什么样的功能,其次就是技术实现,不过当今市场伤存在很多的HTML5开发框架,足以给我们提供各类必要功能的组件,从从而顺利而且高效地搞定移动应用开发任务。

HTML5的核心优势在于其提供了不同浏览器之间更理想的互操作能力,从而使其成为跨平台移动应用开发场景中的重要语言选项。很多框架还提供对PhoneGap以及Cordova这类方案的支持能力,这意味着我们能够面向多种不同平台及设备构建动态混合Web应用,今天主要给大家介绍5款热门web快速开发的HTML5开发框架供您选择。

1、GroundworkCSS2

GroundworkCSS2是一款响应式HTML5、CSS以及JavaScript框架。这套框架拥有一套强大的网格系统外加对应划分功能,足以满足各类台式机、智能手机以及平板设备的需要。其网站还提供数量可观的使用示例及说明文档,足以帮助大家快速实现原型设计以及面向标准网站、电子商务网站以及图片库等应用场景的布局模板。值得强调的是,这套框架还提供其它一些功能,例如响应式文本以及易于定制特性。

2.QUICK UI框架

QUICKUI是一套完整的企业级web前端开发解决方案,由基础框架、UI组件库、皮肤包、示例工程和文档等组成。使用QUICKUI开发者可以极大地减少工作量,提高开发效率,快速构建功能强大、美观、兼容的web应用系统。

3、52Framework

52Framework是一套强大的前端开发框架,其能够充分发挥HTML5、CSS3以及JavaScript的可观潜能。这套框架当中捆绑有大量内置功能,具体包括HTML5视频播放器、HTML5表单验证、CSS3属性、网格系统以及HTML5canvas示例等。

4、TwitterBootstrap

TwitterBootstrap是一套强大的前端框架,能够利用HTML、CSS以及JavaScript快速简单地实现Web应用开发任务。这套框架为开发人员提供一系列极具实用性的功能,具体包括一套12列响应式网格系统、JavaScript插件外加HTML元素等等。它还提供一系列可复用组件,从而实现导航、下拉菜单、面包屑导航、排版、提醒以及进度条等功能。

5、SproutCore

SproutCore是一款高人气前端框架,且利用MVC架构规范构建而成。立足于HTML5的强大能力,它允许我们通过高效客户端逻辑与高质量主题特性构建出运行速度出色且具备可扩展能力的Web应用程序。

转载来源:http://www.uileader.com/news/news_content_46.html

市场主流5款HTML5开发框架详解的更多相关文章

  1. HTML5 File详解

    input file控件限制上传文件类型 Html5 FileReader 对文件进行Base64编码 FileReader.readAsDataURL

  2. HTML5 history详解

    最近研究vue-router单页转跳而不向服务器请求的原理, 主要是HTML5 history以及hash的应用,支持history时使用history模式 下面详细学习了一下常用的history相关 ...

  3. HTML5使用详解

    1.什么是HTML5 HTML5是新的HTML标准. 支持最新的Safari,Chrome,Firefox以及Opera,Ie9支持某些HTML5特性. 2.新建HTML5页面 <!DOCTYP ...

  4. 手把手教学:详解HTML5移动开发框架PhoneJS

    摘要:HTML/JavaScript的优势自不必说,但却也并非完美,相比之下,原生App占内存更少.响应更快.本文详解了HTML5移动开发框架PhoneJS的使用全过程,通过它,能够让Web应用在移动 ...

  5. 免费的HTML5连载来了《HTML5网页开发实例详解》连载(二)

    最近新浪.百度.腾讯.京东.大众点评.淘宝等流行的网站都加大了招聘HTML5的力度,HTML5开发人员成了抢手货,本次连载的是由大众点评前端工程师和一淘网前端工程师基情奉献的<HTML5网页开发 ...

  6. led指示灯电路图大全(八款led指示灯电路设计原理图详解)

    led指示灯电路图大全(八款led指示灯电路设计原理图详解) led指示灯电路图(一) 图1所示电路中只有两个元件,R选用1/6--1/8W碳膜电阻或金属膜电阻,阻值在1--300K之间. Ne为氖泡 ...

  7. SSE技术详解:一种全新的HTML5服务器推送事件技术

    前言 一般来说,Web端即时通讯技术因受限于浏览器的设计限制,一直以来实现起来并不容易,主流的Web端即时通讯方案大致有4种:传统Ajax短轮询.Comet技术.WebSocket技术.SSE(Ser ...

  8. 【微信小程序项目实践总结】30分钟从陌生到熟悉 web app 、native app、hybrid app比较 30分钟ES6从陌生到熟悉 【原创】浅谈内存泄露 HTML5 五子棋 - JS/Canvas 游戏 meta 详解,html5 meta 标签日常设置 C#中回滚TransactionScope的使用方法和原理

    [微信小程序项目实践总结]30分钟从陌生到熟悉 前言 我们之前对小程序做了基本学习: 1. 微信小程序开发07-列表页面怎么做 2. 微信小程序开发06-一个业务页面的完成 3. 微信小程序开发05- ...

  9. html5的float属性超详解(display,position, float)(文本流)

    html5的float属性超详解(display,position, float)(文本流) 一.总结 1.文本流: 2.float和绝对定位都不占文本流的位置 3.普通流是默认定位方式,就是依次按照 ...

随机推荐

  1. Python 字典和集合

    泛映射类型 collections.abc 模块中有 Mapping 和 MutableMapping 这两个抽象基类,它们的作用是为 dict 和其他类似的类型定义形式接口(在Python 2.6 ...

  2. HTML进阶

    HTML表单 form标签 <form> 标签代表一个表单,表单用于向服务器传输数据. 标签能够包含 <input> ,可以是文本字段,复选框,单选框或提交按钮等.还可以包含& ...

  3. fs模块(二)

    1. renameSync 01. 重命名 02. 移动文件夹,相当于剪切作用 var fs = require('fs'); // 01 文件重命名 var renameFile = (oldFil ...

  4. Flask-RESTful接口开发学习笔记一:实现简单的GET请求

    1.首先安装需要依赖的第三方包: (1):Flask (2):Flask-RESTful 如何安装就不在啰嗦,pip也好,下载到本地再安装也好,看你随意. 2.我们先实现GET请求. Q:什么是GET ...

  5. 【Linux 网络】网络测试命令 长期更新

    一.网络测试命令 1.测试 网络连接 发送两包后停发 [oracle@hadoop ~]$ PING www.a.shifen.com (() bytes of data. bytes from tt ...

  6. 7.31.1 java内存的主要划分

    java内存的主要划分:class文件加载到方法区,方法区还存放静态变量和常量,方法区开始执行程序,当调用方法时,会将该方法的栈帧压到栈区,该栈帧中存放局部变量,当方法中new出一个对象,则会在堆中开 ...

  7. WeQuant交易策略—简单均线

    简单双均线策略(Simple Moving Average) 策略介绍简单双均线策略,通过一短一长(一快一慢)两个回看时间窗口收盘价的简单移动平均绘制两条均线,利用均线的交叉来跟踪价格的趋势.这里说的 ...

  8. Andrew Ng机器学习课程笔记--week11(图像识别&总结划重点)

    一.内容概要 Photo OCR Problem Decription and pipeline(问题描述和流程图) Sliding Windows(滑动窗口) Getting Lots of Dat ...

  9. Struts2简介以及初步搭建配置

    一.基本介绍 Struts2是一个基于MVC设计模式的Web应用框架,它本质上相当于一个servlet,在MVC设计模式中,Struts2作为控制器(Controller)来建立模型与视图的数据交互. ...

  10. JavaScrpt笔记之第二天

    JavaScript正则表达式regex 1.郑则表达式是有一个字符序列形成的搜索模式. *语法:/正则表达式主题/修饰符(可选) *正则表达式修饰符:i部分大小写:g全局搜索:m多行匹配 *[abc ...