2018年html5移动开发框架,HTML5——7个最牛的HTML5移动开发框架-程序员宅基地

技术标签: 2018年html5移动开发框架  

0.前言html

你并不须要任何的原生应用编程经验,你只须要一些HTML、CSS和JavaScript的知识。首先HTML5会愈来愈好,由于移动端的硬件也会愈来愈强,其实你手机上的不少应用已经悄悄的使用混合式开发了,这也许就是HTML5的魅力所在吧。编程

1. 开发跨平台的移动应用bootstrap

目前已经有不少的框架能够帮助你开发跨平台的移动应用,在这篇文章中,咱们只介绍最牛的7个。后端

1.1 IONICapp

IONIC是目前最有潜力的一款HTML5手机应用开发框架。经过SASS构建应用程序,它提供了不少UI组件来帮助开发者开发强大的应用。它使用JavaScript MVVM框架和AngularJS来加强应用。提供数据的双向绑定,使用它成为Web和移动开发者的共同选择。即将发布的AngularJS 2.0将会专一于移动开发,相信IONIC必定会取得不错的成就。框架

IONIC的开发团队将尽快开发出一种经过IONIC creator提供开发者快速建立IONIC应用的方式。咱们将很快就会看到一个支持拖拉功能的可视化开发工具,几分钟内开发一个app将成为可能。ide

1.2 Mobile Angular UI工具

Mobile Angular UI是使用bootstrap 3和AngularJS的响应式移动开发HTML5框架。post

Mobile Angular UI的关键字有:学习

Bootstrap 3

AngularJS

Bootstrap 3 Mobile组件,好比switches, overlays和sidebars,这些都是bootstrap中没有的。

AngularJS modules,好比angular-route, angular-touch和angular-animate

响应式媒体查询是将bootstrap做为单独的文件,你只须要包含你所须要的东西。Mobile Angular UIu并不包含任何jQuery依赖,你须要作的只是经过一些AngularJS指令建立友好的用户体验。

详细了解能够看一看the Mobile Angular UI demo page,上面有Mobile Angular UI的实践,若是你想了解的更深刻一些,我建议你读一读getting started with Mobile Angular UI。

1.3 Intel XDK

Intel XDK是Inter开发的一款跨平台开发工具,咱们能够很容易的经过Intel XDK开发应用,你须要作的只是下载他们的应用开发工具,有Linux、Windows和Mac版,它还提供了不少个开发框架,好比Twitter bootstrap,jQuery Mobile和Topcoat。

1.4 AppceleratorTitanium

Appcelerator’s Titanium不一样于其它框架的是,它是一个开源的框架。

Titanium是混合式移动应用开发的一站式解决方案,你只须要下载Titanium studio就能够解决全部的事情,Titanium SDK包含了不少手机平台的APIs和后端云服务。

Titanium使用Alloy,Alloy是一个快速开发的手机应用MVC框架,模块式开发能够大大减少开发时间,提升代码复用。

Titanium studio还提供了一些code模板。

1.5 Sencha Touch

Sencha Touch一样也是HTML5手机应用跨平台开发框架,运行iOS/Android/Blackberry。它已经诞生不少年了,如今已经成为很经常使用的混合式编程开发框架。

Sencha Touch可让你的Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理,所有基于最新的HTML5和CSS3的WEB标准,全面兼容Android和Apple iOS设备。

下面是Sencha官方给出的几点特性

基于最新的WEB标准——HTML5,CSS3,JavaScript。整个库在压缩和gzip后大约80KB,经过禁用一些组件还会使它更小。

支持世界上最好的设备。Beta版兼容Android和iOS,Android上的开发人员还可使用一些专为Android定制的主题。

加强的触摸事件。在touchstart、touchend等标准事件基础上,增长了一组自定义事件数据集成,如tap、swipe、pinch、rotate等。

数据集成。提供了强大的数据包,经过

Ajax

JSONp

YQL

等方式绑定到组件模板,写入本地离线存储。

1.6 Kendo UI

Telerik’s Kendo UI是一个强大的框架用于快速HTML5 UI开发。基于最新的HTML5、CSS3和JavaScript标准。

Kendo UI

包含了开发现代

JavaScript

开发所须要的全部一切,包括:强大的数据源,通用的拖拉

(Drag-and-Drop)

功能,模板,和

UI

控件。

1.7 PhoneGap

PhoneGap恐怕是最老的一个框架了,相信不少人都已经据说过甚至使用过它,可是PhoneGap是基于开源的Cordova商业版本。

第一段PhoneGap代码是在2008年8月的iPhoneDevCamp上写成的。建立它的一个主要动力是基于一个几乎每个单独的iPhone开发新手都要面对的简单事实:Objective-C是一个对Web开发人员来讲很是陌生的环境,而且Web开发人员的数量远远多于Objective-C开发人员的数量。

问题是,是否有人能够开发一个框架,让Web开发人员能够利用他们全部的HTML、CSS和JavaScript知识,并且仍旧能够同iPhone的重要本地应用程序(如摄像头和通信录)交互呢?

就在那一年,PhoneGap获了奖并开始支持Android平台,对人数不断增加的移动开发人员变得愈来愈有用,这些人员须要在更多的平台上得到代码支持。

你们能够到PhoneGap documentation官方文档开始对PhoneGap的学习。

2总结

在这篇文章中,咱们讨论了一些HTML5的移动开发框架,HTML5正式发布以后,不少开发者对HTML5又重燃了但愿,相信这是个美好的时代,相信它会给咱们带来更多的惊喜。

25461380bb39354a82f46ea7d9d4a9b7.png

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_36325615/article/details/117865481

智能推荐

c# 调用c++ lib静态库_c#调用lib-程序员宅基地

文章浏览阅读2w次,点赞7次,收藏51次。四个步骤1.创建C++ Win32项目动态库dll 2.在Win32项目动态库中添加 外部依赖项 lib头文件和lib库3.导出C接口4.c#调用c++动态库开始你的表演...①创建一个空白的解决方案,在解决方案中添加 Visual C++ , Win32 项目空白解决方案的创建:添加Visual C++ , Win32 项目这......_c#调用lib

deepin/ubuntu安装苹方字体-程序员宅基地

文章浏览阅读4.6k次。苹方字体是苹果系统上的黑体,挺好看的。注重颜值的网站都会使用,例如知乎:font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, W..._ubuntu pingfang

html表单常见操作汇总_html表单的处理程序有那些-程序员宅基地

文章浏览阅读159次。表单表单概述表单标签表单域按钮控件demo表单标签表单标签基本语法结构<form action="处理数据程序的url地址“ method=”get|post“ name="表单名称”></form><!--action,当提交表单时,向何处发送表单中的数据,地址可以是相对地址也可以是绝对地址--><!--method将表单中的数据传送给服务器处理,get方式直接显示在url地址中,数据可以被缓存,且长度有限制;而post方式数据隐藏传输,_html表单的处理程序有那些

PHP设置谷歌验证器(Google Authenticator)实现操作二步验证_php otp 验证器-程序员宅基地

文章浏览阅读1.2k次。使用说明:开启Google的登陆二步验证(即Google Authenticator服务)后用户登陆时需要输入额外由手机客户端生成的一次性密码。实现Google Authenticator功能需要服务器端和客户端的支持。服务器端负责密钥的生成、验证一次性密码是否正确。客户端记录密钥后生成一次性密码。下载谷歌验证类库文件放到项目合适位置(我这边放在项目Vender下面)https://github.com/PHPGangsta/GoogleAuthenticatorPHP代码示例://引入谷_php otp 验证器

【Python】matplotlib.plot画图横坐标混乱及间隔处理_matplotlib更改横轴间距-程序员宅基地

文章浏览阅读4.3k次,点赞5次,收藏11次。matplotlib.plot画图横坐标混乱及间隔处理_matplotlib更改横轴间距

docker — 容器存储_docker 保存容器-程序员宅基地

文章浏览阅读2.2k次。①Storage driver 处理各镜像层及容器层的处理细节,实现了多层数据的堆叠,为用户 提供了多层数据合并后的统一视图②所有 Storage driver 都使用可堆叠图像层和写时复制(CoW)策略③docker info 命令可查看当系统上的 storage driver主要用于测试目的,不建议用于生成环境。_docker 保存容器

随便推点

网络拓扑结构_网络拓扑csdn-程序员宅基地

文章浏览阅读834次,点赞27次,收藏13次。网络拓扑结构是指计算机网络中各组件(如计算机、服务器、打印机、路由器、交换机等设备)及其连接线路在物理布局或逻辑构型上的排列形式。这种布局不仅描述了设备间的实际物理连接方式,也决定了数据在网络中流动的路径和方式。不同的网络拓扑结构影响着网络的性能、可靠性、可扩展性及管理维护的难易程度。_网络拓扑csdn

JS重写Date函数,兼容IOS系统_date.prototype 将所有 ios-程序员宅基地

文章浏览阅读1.8k次,点赞5次,收藏8次。IOS系统Date的坑要创建一个指定时间的new Date对象时,通常的做法是:new Date("2020-09-21 11:11:00")这行代码在 PC 端和安卓端都是正常的,而在 iOS 端则会提示 Invalid Date 无效日期。在IOS年月日中间的横岗许换成斜杠,也就是new Date("2020/09/21 11:11:00")通常为了兼容IOS的这个坑,需要做一些额外的特殊处理,笔者在开发的时候经常会忘了兼容IOS系统。所以就想试着重写Date函数,一劳永逸,避免每次ne_date.prototype 将所有 ios

如何将EXCEL表导入plsql数据库中-程序员宅基地

文章浏览阅读5.3k次。方法一:用PLSQL Developer工具。 1 在PLSQL Developer的sql window里输入select * from test for update; 2 按F8执行 3 打开锁, 再按一下加号. 鼠标点到第一列的列头,使全列成选中状态,然后粘贴,最后commit提交即可。(前提..._excel导入pl/sql

Git常用命令速查手册-程序员宅基地

文章浏览阅读83次。Git常用命令速查手册1、初始化仓库git init2、将文件添加到仓库git add 文件名 # 将工作区的某个文件添加到暂存区 git add -u # 添加所有被tracked文件中被修改或删除的文件信息到暂存区,不处理untracked的文件git add -A # 添加所有被tracked文件中被修改或删除的文件信息到暂存区,包括untracked的文件...

分享119个ASP.NET源码总有一个是你想要的_千博二手车源码v2023 build 1120-程序员宅基地

文章浏览阅读202次。分享119个ASP.NET源码总有一个是你想要的_千博二手车源码v2023 build 1120

【C++缺省函数】 空类默认产生的6个类成员函数_空类默认产生哪些类成员函数-程序员宅基地

文章浏览阅读1.8k次。版权声明:转载请注明出处 http://blog.csdn.net/irean_lau。目录(?)[+]1、缺省构造函数。2、缺省拷贝构造函数。3、 缺省析构函数。4、缺省赋值运算符。5、缺省取址运算符。6、 缺省取址运算符 const。[cpp] view plain copy_空类默认产生哪些类成员函数

推荐文章

热门文章

相关标签