`
heicx_sudo
  • 浏览: 7009 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

HTML5开发框架推荐

 
阅读更多

1、关于html5主流开发框架的优劣对比

     选择什么样的框架,需要以产品原型及特定需求为出发点,择优而用,同时考虑对框架的熟悉程度、开发维护成本以及适用性。

     1.1、Sench Touch

             Sench Touch是最早支持html5技术的web框架。

             优势:它对html5及css3标准支持较为完善,同时也兼容Android & iOS设备,并且API中提供了很多常用的UI组件,

             对数据本地存储、图片圆角、阴影、渐变背景均提供支持(支持情况也取决于浏览器对html5支持情况)。便于快速开发,缩减了适配工作,

             支持与PhoneGap的交互。

             劣势:最好有一定Extjs基础。相对于Sench提供的组件而言页面的DOM结构会有所减少,多组件的拼装需要对API熟练掌握。

             中低端Android手机部分过场特效会有延迟卡顿。

     1.2、JQuery Mobile

             JQuery Mobile的使用为了更好的解决移动端兼容性问题,适合对自定义样式要求不高的产品

             优势:JQuery Mobile可以与JQuery UI 完美结合,易用性强,有一定JQuery开发经验的开发者结合API可以很快投入开发场景。适配性强,支持多平台响应式布局,

             API中提供移动端使用到的特效,灵活的配色方案UI风格统一,css+js具有轻量化的大小,100kb左右。

             劣势:由于需要对页面的元素进行样式渲染,大量对DOM的操作导致第一次页面载入会比较慢。为了满足对浏览器的向下兼容,页面的切换效果等特效存在

             诸多问题,受设配性能影响较大。不适合用于产品设计风格差异较大的项目。

     1.3、JQuery

             优势:提供了成熟封装的Selector,大幅减少开发代码量。提供上千高效插件,从而减少开发成本。支持Ajax及自定义插件扩展,跨平台兼容,版本迭代稳定,文档成熟健全。

             劣势:不能向后兼容,每一个新版本不能完全兼容早期版本。会有一些废弃的Selector。会对开发者的使用造成一定的影响。同页面多插件时容易出现冲突。

     1.4、Zepto.js

             Zepto.js是针对移动设备优化过的更轻量的JQuery

             优势:Zepto.js上手很快,用法基本上与JQuery一致,与JQuery相比最大的优势就是它的大小,压缩后仅有24KB。

             劣势:偏向于移动端的应用,不支持IE。

     1.5、Backbone.js

             Backbone.js是支持单页面式的MVC框架

             优势:无论是web-page还是web-app都可以使用,官网推荐于JQuery结合使用,学习成本低且快速简练。支持模块化开发,可搭配Sea.js一类模块加载器。本身大小不到10kb,

             可以依赖Underscore.js,支持扩展,具有丰富的可扩展接口。可应用于移动端,包括Hybrid App。

             劣势:抽象功能不够强,还有一些需要的功能还没实现。整个框架十分轻量,产出的结果是很多引用文件和模板。Underscore.js文档较为简单。

     1.6、Sea.js

             优势:Sea.js追求简单,自然的代码书写和组织方式,核心特性:简单友好的模块定义规范(遵循CMD规范);自然直观的代码组织方式(依赖的自动加载、配置更简洁清晰),提供

             开发时常用的插件,有助于开发调试与性能优化。

             劣势:代码编写习惯需要遵循CMD标准。打包发布部分需要掌握spm,配置较为复杂,官方推荐使用Grunt发布。

     1.7、PhoneGap

             优势:PhoneGap适用于混合web应用(Hybrid App),针对各大主流平台的兼容性好,基于web技术,使用javascript包装平台的API,便于调用,开发成本低。

             劣势:页面内容复杂的应用运行速度会稍显缓慢。用户体验方便短期内还无法超越原生应用。在某些javascript渲染较慢的设备上,UI反应会有延时。

     1.8、Grunt、FIS

             Grunt、FIS均属于前端项目构建框架

             优势:Grunt基于node.js,通过package.json对项目中所需用到的插件提供依赖关系,与FIS使用类似,官网有详细说明文档。可用于压缩、编译、单元测试、代码检查,从而简化工作。

 

             劣势:FIS的API说明较为简单,还在迭代完善,目前百度用的比较多,有较为成熟的交流群、社区。

分享到:
评论

相关推荐

    html5游戏开发框架

    HTML5游戏开发框架是现代网页游戏制作的重要工具,它们为开发者提供了一系列的工具、库和API,使得构建交互式、高性能的游戏变得更加便捷。LimeJS就是这样一个框架,它在国外受到了广泛的赞誉,尤其因其轻量级的特性...

    html5快速开发框架

    HTML5快速开发框架是现代Web应用和网站构建的利器,旨在提高开发效率,增强应用程序的健壮性,并确保其能够适应各种设备和浏览器环境。HTML5 Boilerplate(H5BP)是一个广泛使用的开源项目,正如文件名"h5bp-...

    HTML5 开发框架CreateJS

    HTML5开发框架CreateJS是现代Web开发中的一个重要工具,它为开发者提供了丰富的功能,使得创建交互式的、动画化的Web内容变得更加便捷。CreateJS由一系列独立的JavaScript库组成,包括EaselJS、TweenJS、SoundJS和...

    mvc5ef高端后台快速开发框架

    “mvc5ef高端后台快速开发框架”是指一个基于Microsoft的ASP.NET MVC 5和Entity Framework(EF)技术构建的高效能、快速开发的后台框架。该框架旨在帮助开发者快速搭建具备高端特性的后台应用,通过集成MVC和EF,...

    html框架适合初学者学习和开发

    HTML框架是网页设计和开发的重要工具,它们提供了一种结构化的、高效的方式来构建和维护复杂的网页应用。对于初学者来说,选择一个合适的HTML框架能够极大地提高学习效率和开发体验。"安然静态园"是一个可能的例子,...

    C#.NET通用开发框架源码2017

    此开发框架为免费开源的开发框架,会不断更新版本,旨在征集开源爱好者的建议,为广大 开发者提供一个有利于学习、快速开发高性能软件的框架,此框架对所有源码开放。 十分具有 学习价值,值得推荐一下,感兴趣的...

    MUI框架开发HTML5

    MUI框架是DCLOUD公司推出的一款专为移动Web应用设计的前端开发框架,它的核心目标是简化HTML5应用的开发流程,提高开发效率。MUI框架结合了HTML5和JavaScript技术,提供了丰富的UI组件,涵盖了从页面布局到交互效果...

    10大移动开发框架

    移动Web开发框架旨在帮助开发者高效地构建跨平台的移动应用和网页,这些框架通过优化触屏设备的用户体验、支持多平台、强调轻量化、以及使用HTML5和CSS3等现代网页标准来实现这一目标。 首先,触屏设备的普及改变了...

    快速开发后台框架

    快速开发后台框架是一种高效构建后台管理系统的方法,它旨在简化开发过程,提高开发效率。这种框架通常包含一系列自动化工具,能够自动生成HTML代码,为开发者提供一个直观且美观的用户界面,便于数据管理和业务操作...

    html5开发必备--前端框架集合包

    HTML5开发是现代网页制作的关键技术,而"html5开发必备--前端框架集合包"则是一份涵盖了多种前端开发资源的综合包。这个包的主要目的是为了帮助开发者在实际的项目中更加高效地工作,提供了丰富的工具和教程。 首先...

    伍华聪2.0Web开发框架

    "伍华聪2.0Web开发框架"是一个专为现代Web应用设计的高效、灵活的开发工具集。这个框架旨在简化Web应用的构建过程,提高开发效率,同时保证代码的质量和可维护性。通过深入理解"伍华聪2.0"这一标签,我们可以推断出...

    最效率的.NET网站开发框架

    一套完整的项目开发框架、高效的纯html + js的Ajax开发框架. 可以作为一套JQuery开发组件或者是嵌入式开发框架,与其他任何的web开发框架、解决方案相结合. 前台公共插件库,包含一套JQuery应用开发插件(类似JQuery ...

    HTML5WIDE框架

    HTML5WIDE框架是一款专为构建现代化Web应用而设计的开源框架,其核心特性是利用HTML5技术,提供美观、响应式的布局以及丰富的交互体验。这个框架旨在简化开发者的工作流程,提升网页设计的效率和质量,使网页在各种...

    html5框架,不容错过

    HTML5框架是现代Web开发的重要组成部分,它们提供了一系列工具、库和最佳实践,帮助开发者高效地构建功能丰富的、响应式的网页应用。"html5框架,不容错过"这一标题明确指出,我们将探讨那些对于HTML5开发至关重要的...

    一个基于ThinkPHP51和AmazeUI的快速后台开发框架

    标题中的“一个基于ThinkPHP51和AmazeUI的快速后台开发框架”指的是一个使用了ThinkPHP5.1框架和AmazeUI库构建的后台管理系统的项目。这个框架旨在简化和加速后台应用的开发过程,提供高效且用户友好的管理界面。 ...

    HTML5前台框架

    而HTML5前台框架则是基于HTML5构建的,旨在简化开发流程,提高效率,并确保网站在各种设备上都能呈现出优秀的自适应性能。 “自适应”是指框架能够根据用户的设备类型(如桌面电脑、平板电脑或手机)自动调整布局和...

    中文html5框架

    HTML5框架是现代网页开发的重要工具,尤其对于构建适应各种屏幕尺寸和设备的中文网站而言。"中文html5框架"通常是指专为中文网站设计,包含丰富元素且支持响应式布局的前端框架。H-ui 1.4.6是这样一个框架的版本,它...

    MVC敏捷开发框架

    **MVC敏捷开发框架详解** MVC(Model-View-Controller)模式是一种广泛应用于Web应用开发的架构模式,它的核心思想是将业务逻辑、数据处理和用户界面进行分离,从而提高代码的可维护性和可扩展性。在这个模式中,...

    用HTML5开发ios应用

    4. **丰富的API和库**:HTML5生态系统中有大量的开源库和框架,如jQuery、AngularJS、React和Vue.js,这些都可以加速开发进程。 ### 使用HTML5开发iOS应用的方法 1. **Cordova/PhoneGap**:Apache Cordova是一个...

    移动端H5 UI框架

    HTML5框架则是在HTML5基础上构建的,它们通常包括CSS(层叠样式表)和JavaScript库,以简化页面布局、动画和交互功能的实现。 UI(用户界面)框架是这些工具的集合,它们提供了一套完整的界面元素,如按钮、表单、...

Global site tag (gtag.js) - Google Analytics