采用什么技术可以实现使用现有的 javascript实现进度条 和 css 技术来编写 ios,android原生

出处:这些轻量级框架使用HTML5和CSS3标准来帮助您快速开发跨平台的Web移动应用和网站。
jQuery Mobile这个框架能够帮助你快速开发出支持多种移动设备的Mobile应用用户界面。它是当前最流行的移动开发框架。
Mobile不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。虽然jQuery
Mobile相对较新,但开发人员可以用jQuery
Mobile为许多移动设备(包括智能手机和平板电脑)开发网站应用程序,RSS阅读器等应用。
查看jQuery
Mobile实战应用,可以在这里看它的。
假如你不熟悉,可以选择
一个由MooTools核心开发人员Christoph Pojer开发的一个MooTools插件。还有一个是, 这个利用了Dojo
API来帮助开发人员快速构建一个用于移动平台的应用。
这是一个强大的,健壮的移动Web开发框架。能够让使用现有的HTML, CSS和JavaScript知识来为
iOS和Android平台开发原生移动应用。
作为一个越来越大的移动Web框架,它拥有超过300个的APIs和活跃的开发者社区。你从这个社区中得到每一个开发人员的帮助。
Mobile支持原生的iOS和Android UI元素如Table views, tabs,
switches和popovers。它提供能够与移动设备的摄像头和本地文件存储系统相交互的特性。
The-M-Project是另外一个强大的JavaScript框架,它利用HTML5新的特性来更好和更简便地开发移动应用。
这个框架遵循著名的MVC软件架构模式。
它还支持离线,所以你的用户可以在没有连接网络的情况下继续操作(当下次有连线的时候,再将数据同步到服务器中)。提供优秀的文档(这个项目拥有一个引导新用户入门的).
可以查看The-M-Project提供的来对该项目有一个初目的了解。这些示例包括:(待办事项目应用) 和
(这个示例包括这个框架提供的所有UI元素)。
Jo这个框架可用于开发那支持HTML5的移动设备,如iOS, webOS, Android和Chrome OS等平台。
它拥有标准,类原生的UI元素比如用于屏幕登录的Web表单控件,还有弹出小部件可用于在用户点击界面时提供一些额外的信息。
可以查看其网站提供的,它例子展示了在多种移动设备平上的Jo应用情况。
有时候你可能需要一个超轻量级的框架,只要拥有用于开发标准客户端所需要的功能如:DOM操作,事件处理,和一些动画效果。如果是这样的话,这个框架刚好非常适合你。整个框架采用GZIP压缩完之后只有4.2
EmbedJS是一个用于嵌入式设备的JavaScript框架如:移动电话,TVs、tablets和so forth。
EmbedJS强大之处在于,它拥有专门为特定平台和浏览器如iOS, Firefox,
Android等提供相应的开发版本。这样就能够以最少的代码,为用户提供最佳的体验。而且假如你喜欢自己定制,可以利用其提供的工具实现。
EmbedJS基于Dojo实现,所以你如果熟悉Dojo API语法,那EmbedJS将是你最佳的选择。
zepto.js是一个专为mobile WebKit浏览器(如:Safari和Chrome)而开发的一个JavaScript框架。
它标榜自己在其简约的开发理念,能够帮助开发人员简单、快速地完成开发交付任务。更重要的是这个JS框架,是超轻量级的,只有5KB。
zepto.js的语法借鉴并且兼容。
Touch是一个免费的HTML5/JavaScript框架,专门为触摸屏设备而优化。为您带来快速开发工艺精美的移动Web应用程序的能力。
是一个可视化的编辑器用于构建移动用户界面。它能够帮您以最少的编码构建一流的用户界面。
在其主页上提供一些示例可以展示DHTMLX Touch强大的用户界面。包括一个 (适用于开发餐厅应用) 和Book Shop (一个电子书店应用)。
是一个开源的HTML5-JavaScript框架用于从任何现在有标准网站快速,简便地构建移动网站。
这个框架其实就是将需要在移动设备上显示的部分页面以jQuery Mobile的默认主题显示,而不是实现一个全新完整的移动页面。
Mobilize.js 可用于任意网站,但对于基于WordPress和Sphinx的网站不需要使用该框架转换,因为已经有非常多的插件可以使用。
对于用户可以使用其提供的插件。
ChocolateChip Mobile是一个移动Web应用开发JavaScript框架。它的语法类似于jQuery和Prototype。
与jQuery相似并不仅停留在语法上。比如可以像jQuery一样通过绑定和定义事件处理。并拥有像 . css 和 . toggleClass 这样的方法。
你可以从获得ChocolateChip Mobile的源码。
(转自:伯乐在线)相关 [web 移动 开发] 推荐:
- CSDN博客Web前端推荐文章
最近要做个手机html5的页面,做些知识储备,重要的点记录下来以备后续. 1.devicePixelRatio:定义设备物理象素和设备独立象素的比例. css中的px可以看作是设备的独立象素,通过devicePixelRatio,就可以知道设备上的一个css像素代表着多少个物理像素,可以考虑devicePixelRatio+rem进行不同设备间的适配;.
- Amo - HTML5研究小组
这些轻量级框架使用HTML5和CSS3标准来帮助您快速开发跨平台的Web移动应用和网站. jQuery Mobile这个框架能够帮助你快速开发出支持多种移动设备的Mobile应用用户界面. jQuery
Mobile不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架.
- 幻幽 or A書 - 伯乐在线 -博客
  在最近几年里,移动互联网高速发展、市场潜力巨大. 继计算机、互联网之后,移动互联网正掀起第三次信息技术革命的浪潮,新技术、新应用不断涌现. 今天这篇文章向大家推荐10大优秀的移动Web开发框架,帮助开发者更加高效的开发移动Web应用.   Sencha Touch 是世界上第一个基于 HTML5 的移动 Web 开发框架,支持最新的 HTML5 和 CSS3 标准,全面兼容
Android 和 Apple iOS 设备,提供了丰富的 WEB UI 组件,可以快速的开发出运行于移动终端的应用程序.
- Yangan - Creative奥涛的博客_Creative奥涛的博客
在最近几年里,移动互联网高速发展、市场潜力巨大. 继计算机、互联网之后,移动互联网正掀起第三次信息技术革命的浪潮,新技术、新应用不断涌现. 今天这篇文章向大家推荐10大优秀的移动Web开发框架,帮助开发者更加高效的开发移动Web应用. Sencha Touch 是世界上第一个基于 HTML5 的移动 Web 开发框架,支持最新的 HTML5 和 CSS3 标准,全面兼容 Android 和 Apple iOS 设备,提供了丰富的 WEB UI 组件,可以快速的开发出运行于移动终端的应用程序.
- Web App Trend
对于新款手机来说,好的开发工具变得越来越重要. 手机(尤其是iPhone和Android)中的小工具(小软件)非常的重要,而要开发这些小软件就要选择合适的开发工具. 另外,HTML5提供了很多易于移动web开发的特性. 例如,所有的网站都是开发放式的,不需要授权;开发者所创造的利润全部归自己所有. 无疑,HTML5正在升温,它所体现出来的优势也在不断增加.
- 我爱水煮鱼
Sidetap 是一个简洁轻量级的移动 Web 应用开发框架,它专注于提供类似于 Path 或者 Sparrow 这样的侧导航形式的 UI 体验. 轻量级:缩减压缩后只有2KB. 方便配置,让你立刻开始开发应用. 依赖jQuery(1.7.2)或者zepto.js. 创建 HTML 架构,参考:
skeleton.html.
- ITeye博客
《HTML 5移动web开发指南》,是UC公司著名前端开发师唐俊开(网名:三桥). 的新书,介绍了jquery mobile,sencha touch,phonegap的开发,内容很丰富,. 最后还有一个小的实例,推荐阅读,给分85分,下面是其中sencha touch的. 一些本人新学到的知识点小结.
- 开源中国社区最新新闻
WebBuilder是一款开源的可视化Web应用开发和运行平台. 基于浏览器的集成开发环境,采用可视化的设计模式,支持控件的拖拽操作,能轻松完成前后台应用开发;高效、稳定和可扩展的特点,适合复杂企业级应用的运行;跨平台、数据库和浏览器的架构,适应复杂的服务器和客户端环境;包括智能数据库访问在内的多项先进技术,使应用系统的开发更快捷和简单.
- ITeye资讯频道
iUI这一老牌移动Web应用开发框架对于大多数开发者而言,并不陌生. 但是,它之所以能够“活到”现在,而且还“活”得好好的,就说明它有着过人之处. 虽说起初iUI的设计是为了,建立有着iPhone SDK构建的本机应用程序那样的外观和感觉的应用程序,但用它建立的Web应用几乎可以支持所有的智能手机及平板电脑.
- 移动开发 - ITeye博客
一、配置移动开发环境. 1.各种仿真器、模拟器的下载安装. safari: 设为屏幕宽度,并根据initial-scale=1.0禁止浏览器缩放. 3.帮助html5跨浏览器的库. 4.使html5元素在旧版本IE中变成块级元素以及css重置. 5.始终使用流式布局fluid layout. 6.css媒介查询 media query.
坚持分享优质有趣的原创文章,并保留作者信息和版权声明,任何问题请联系:@。拒绝访问 |
| 百度云加速
请打开cookies.
此网站 () 的管理员禁止了您的访问。原因是您的访问包含了非浏览器特征(389f5ed-ua98).
重新安装浏览器,或使用别的浏览器Web移动,手机应用iOS,Android开发框架
Mobile Framework
&&共4页『 &&1&&&&&&&&&&』
&jQuery Mobile&jQuery Mobile这个框架能够帮助你快速开发出支持多种移动设备的Mobile应用用户界面。它是当前最流行的移动开发框架。
不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。虽然jQuery Mobile相对较新,但开发人员可以用jQuery Mobile为许多移动设备(包括智能手机和平板电脑)开发网站应用程序,RSS阅读器等应用。查看jQuery Mobile实战应用,可以在这里看它的。 假如你不熟悉,可以选择 , 一个由MooTools核心开发人员Christoph Pojer开发的一个MooTools插件。还有一个是, 这个利用了Dojo API来帮助开发人员快速构建一个用于移动平台的应用。&&& &Sencha Touch&是第一个HTML5 Mobile Web App Framework。Sencha Touch能够让你开发移动Web应用,并且开发出来的移动应用的界面看起来与iPhone, Android, 和BlackBerry等触摸设备上的原生应用的效果相同。。& &Titanium Mobile&这是一个强大的,健壮的移动Web开发框架。能够让使用现有的HTML, CSS和JavaScript知识来为 iOS和Android平台开发原生移动应用。
作为一个越来越大的移动Web框架,它拥有超过300个的APIs和活跃的开发者社区。你从这个社区中得到每一个开发人员的帮助。Titanium Mobile支持原生的iOS和Android UI元素如Table views, tabs, switches和popovers。它提供能够与移动设备的摄像头和本地文件存储系统相交互的特性。& &The-M-Project&The-M-Project是另外一个强大的JavaScript框架,它利用HTML5新的特性来更好和更简便地开发移动应用。
这个框架遵循著名的MVC软件架构模式。它还支持离线,所以你的用户可以在没有连接网络的情况下继续操作(当下次有连线的时候,再将数据同步到服务器中)。提供优秀的文档(这个项目拥有一个引导新用户入门的).
可以查看提供的来对该项目有一个初目的了解。这些示例包括:(待办事项目应用)&和
(这个示例包括这个框架提供的所有UI元素)。& &Jo&Jo这个框架可用于开发那支持HTML5的移动设备,如iOS, webOS, Android和Chrome OS等平台。
它拥有标准,类原生的UI元素比如用于屏幕登录的Web表单控件,还有弹出小部件可用于在用户点击界面时提供一些额外的信息。
可以查看其网站提供的,它例子展示了在多种移动设备平上的Jo应用情况。& &xui.js&有时候你可能需要一个超轻量级的框架,只要拥有用于开发标准客户端所需要的功能如:DOM操作,事件处理,和一些动画效果。如果是这样的话,这个框架刚好非常适合你。整个框架采用GZIP压缩完之后只有4.2 KB。& &EmbedJS&EmbedJS是一个用于嵌入式设备的JavaScript框架如:移动电话,TVs、tablets和so forth。
EmbedJS强大之处在于,它拥有专门为特定平台和浏览器如iOS, Firefox, Android等提供相应的开发版本。这样就能够以最少的代码,为用户提供最佳的体验。而且假如你喜欢自己定制,可以利用其提供的工具实现。
EmbedJS基于Dojo实现,所以你如果熟悉Dojo API语法,那EmbedJS将是你最佳的选择。& &zepto.js&zepto.js是一个专为mobile WebKit浏览器(如:Safari和Chrome)而开发的一个JavaScript框架。 它标榜自己在其简约的开发理念,能够帮助开发人员简单、快速地完成开发交付任务。更重要的是这个JS框架,是超轻量级的,只有5KB。
zepto.js的语法借鉴并且兼容。& &DHTMLX Touch&DHTMLX Touch是一个免费的HTML5/JavaScript框架,专门为触摸屏设备而优化。为您带来快速开发工艺精美的移动Web应用程序的能力。
是一个可视化的编辑器用于构建移动用户界面。它能够帮您以最少的编码构建一流的用户界面。
在其主页上提供一些示例可以展示DHTMLX Touch强大的用户界面。包括一个 (适用于开发餐厅应用) 和Book Shop (一个电子书店应用)。& &Mobilize.js&是一个开源的HTML5-JavaScript框架用于从任何现在有标准网站快速,简便地构建移动网站。
这个框架其实就是将需要在移动设备上显示的部分页面以jQuery Mobile的默认主题显示,而不是实现一个全新完整的移动页面。
Mobilize.js 可用于任意网站,但对于基于WordPress和Sphinx的网站不需要使用该框架转换,因为已经有非常多的插件可以使用。
对于用户可以使用其提供的插件。这个本站之前也有介绍过可以看。&
&&&&&&&&&共4页『 &&1&&&&&&&&&&』
&&相关经验 ->
&&相关文档 ->
&&相关资讯 ->
&&相关代码 ->拒绝访问 |
| 百度云加速
请打开cookies.
此网站 () 的管理员禁止了您的访问。原因是您的访问包含了非浏览器特征(389f5edbe1e443dd-ua98).
重新安装浏览器,或使用别的浏览器Ionic!用Web技术开发移动应用!
导语:只需掌握Web技术就能开发移动应用是不是很爽?Ionic就可以做到!Ionic是近几年很火的一项跨平台开发技术,有了它之后,用我们熟知的HTML、CSS和JavaScript技术就可以同时开发iOS和Android应用。让我们来初步了解下Ionic吧!
Ionic是什么Ionic 通过整合各种技术和功能使构建Hybrid 应用更加快速、容易和美观。Ionic 的生态系统基于Angular 和Cordova,前者是Web 应用框架,后者是构建和打包原生应用的工具。下图展示了整个技术栈的概况
技术栈的起点是用户在设备上打开应用。假设是一台运行iOS 的iPhone 或者一台运行Android 的Nexus 10。下面是各个部分的介绍。
设备——设备可以加载应用。设备中的操作系统负责安装从平台对应商店下载的应用。操作系统还会提供一系列应用可以使用的功能API,比如GPS 位置、通讯录列表和照相机。
Cordova 应用包装器——这是一个能够加载Web 应用代码的原生应用。Cordova 是一个平台,用于构建能够执行HTML、CSS 和JavaScript 的原生应用,这种应用被称为Hybrid 移动应用。它是平台和应用之间的桥梁,可以创建一个能够安装的原生应用(上图 中被称作应用封装器)。这个原生应用中包含WebView(实际上是一个独立的浏览器窗口),可以通过JavaScriptAPI 来运行Web 应用。
Cordova JavaScript API——这是沟通应用和设备的桥梁,应用封装器可以通过JavaScript API 来联通Web 应用和原生平台。具体的实现细节不用在意,总之最后Cordova 会帮你生成原生应用。
Angular——用来控制应用路由和功能的Web 应用。Angular Web 应用运行在WebView 中。Angular 是一个流行的Web 应用构建框架,主要管理Web 应用的逻辑和数据。
Ionic——控制应用中用户界面组件的渲染。Ionic 基于Angular 构建,主要用来设计用户界面和用户体验。Ionic 包含一些视觉元素,比如选项卡、按钮、导航头部。这些界面控件是Ionic 的核心,可以在Hybrid 应用中提供接近原生界面的体验。Ionic 还提供了许多功能和特性,可以帮助你完成创建- 预览-发布整个流程。
Ionic 将上述这些技术整合起来,成为一个非常强大的移动端应用开发平台。现在你对Ionic 及其相关技术有了初步了解,下面我们来对比一下三种主流的移动应用,同时介绍Ionic 的优势。
移动开发类型为移动设备开发应用有好几种方法,有必要知道每种方法的优点和缺点。一共有三种基础类型:原生应用、移动端网站和Hybrid 应用,我们会详细介绍它们的区别。 在下图中,你可以看到三种类型在设计和架构上的对比。图中还展示了应用如何通过访问数据库或者Web 服务API 来加载数据。
原生移动应用要创建原生应用,开发者需要使用移动平台默认的语言,对iOS 来说是Objective-C或者Swift,对Android 来说是Java。写完之后需要编译应用并把它安装到设备上。开发者可以使用平台的软件开发套件(SDK)来和平台API 通信,从而可以访问设备中的数据或者使用HTTP 请求从外部服务器加载数据。iOS 和Android 都提供了一系列预先定义好的API,可帮助开发者在可控的范围内使用平台特性。有许多官方或者非官方出品的工具可以辅助开发原生应用。对开发者来说,在原生应用中使用框架来简化开发是很常见的。
原生应用的好处比起Hybrid 应用和移动端网站,原生应用有很多好处,主要得益于和设备平台紧密结合: 原生API—原生应用可以在应用中直接使用原生API,这和平台的交流最紧密。 性能—原生应用性能最好。环境相同—原生应用使用原生API 写成,对于其他原生开发者来说很容易理解。 但是原生应用也有很多缺点。
原生应用的缺点原生应用的缺点主要是开发和维护难度大。语言要求—原生应用要求开发者掌握平台对应的语言(比如Java)并且知道如何使用平台提供的API。不支持跨平台—每个平台都要单独开发。费时费力—通常来说,需要做很多构建工作,增加成本。 如果(老板要求)你不得不使用Java 和Objective-C 或者团队有大量资源并且真的需要原生应用带来的好处,那最好的选择就是原生应用。除此之外,你最好考虑其他类型的应用。
移动端网站(Web 应用)移动端网站或者说Web 应用很适合移动设备使用,可以在手机浏览器中访问。Web 应用就是在手机浏览器中访问的网站,它们专门被设计成适合手机屏幕尺寸。
有些网站的设计者会专门为移动设备开发一个版本。你在移动设备上访问网站的时候可能会被重定向到另一个功能有限的版本。比如访问eBay,你会被重定向到 子域名。而访问其他一些网站,比如 时,你会发现网站的设计会根据设备的类型和屏幕尺寸进行调整。这用到了被称为响应式设计的技术。网站的内容会根据浏览器窗口尺寸自动调整大小,有些内容甚至会被隐藏起来。
移动端网站的优点移动端网站有很多优点,主要体现在效率和设备兼容性上。可维护性——移动端网站很容易更新和维护,没有任何审核流程,也不需要更新设备上的程序。免安装——网站在互联网中,不需要安装到移动设备中。跨平台——有移动设备都有浏览器,它们都可以访问你的应用。和原生应用相比,移动端网站也有很多缺点。
移动端网站的缺点移动端网站运行在手机浏览器中,因此有很多限制和缺点。 ? 不具备原生访问能力—因为移动端网站运行在浏览器中,它们不能访问原生API 和平台,只能访问浏览器提供的API。需要使用键盘——用户必须在浏览器中输入地址来寻找或者使用移动端网站,这比单击一个图标困难多了。受限的用户界面——很难创建对触摸友好的应用,尤其是当要同时兼容桌面版时。移动端访问量下降——用户在移动设备上访问网站的时间不断减少,使用应用的时间越来越多。不同的产品和服务需求不同,即使你已经有了移动端应用,可能还是需要一个移动端网站。不过总体来说,移动端网站的重要性不断下降,研究表明用户使用应用的时间更多。
Hybrid 应用Hybrid 应用指的是包含独立浏览器实例的移动应用,这个实例通常被称作Web-View,可以在原生应用中运行Web 应用。Hybrid 应用会使用原生应用封装器来实现WebView 和原生设备平台的通信。这意味着Web 应用可以运行在移动设备上,并且可以访问设备的功能,比如照相机和GPS。有很多工具可以实现WebView 和原生平台之间的通信,从而让Hybrid 应用成为可能。发布这些工具的并不是iOS 或者Android 官方平台,而是第三方,比如Apache Cordova。编译Hybrid 应用时,你的Web 应用会被转换成一个原生应用。
Hybrid 应用的优点相比移动端网站和原生应用,Hybrid 应用有一些优点,这也是它成为有力竞争者的原因。跨平台——可以只开发一次,部署到多个平台,最小化开发成本。 ? 和Web 开发共用技术—可以使用开发网站和Web 应用的技术来开发移动应用。设备访问能力——因为WebView 被封装在原生应用中,你的应用让你可以像原生应用一样访问所有的设备功能。简化开发——开发流程简单快捷,不需要为了预览重复构建。也可以继续使用构建网站的那一套开发工具。Hybrid 应用允许使用Web 平台的技术开发移动应用,你可以像开发网站一样开发应用的绝大部分功能。当需要使用原生API 时,Hybrid 应用框架会把API 桥接到JavaScript 中。你的应用可以像检测单击和键盘事件一样检测扫动和捏合手势。不过,如你所料,Hybrid 应用也有一些缺点。
Hybrid 应用的缺点因为身处WebView 中,受到原生集成的限制,Hybrid 应用有如下一些缺点。WebView 限制—应用只能运行在WebView 实例中,这意味着应用的性能取决于浏览器。通过插件访问原生功能——你需要的原生API 现在可能还没有插件实现,可能需要一些额外的开发工作来进行桥接。没有原生用户界面控件——如果没有Ionic 这样的工具,开发者需要创建所有的用户界面元素。有了Ionic,你可以使用Web 开发者已经熟悉的知识和技能来构建Hybrid 应用。
导语:中日,谷歌正式发布了 Angular 2 的最终版,成为Angular 1 的全平台继任者。
在Angular 2 剧烈变更以及缺乏向下兼容性的背后,主要的推动力是web 技术的演进以及来自于AngularJ...
版权所有& · 北京博文视点资讯有限公司 · All Rights Reserved
京ICP备号-1}

我要回帖

更多关于 javascript实现计算器 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信