`
libo19881179
  • 浏览: 269829 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

转:WEBAPP 浅入

阅读更多

大家好,今天我来谈谈手持设备应用的Webapp化,现今阶段随着智能手机的普及,人们越来习惯用手机上网,而由于手机用户的巨大群体,各大互联网公司都争先恐后的去开始争夺这块蛋糕,纷纷推出WAP站点,以及手机客户端应用(Native APP)。而当前流行的手机平台有Iphone,Android,Symbian,BlackBerry,Windows Mobile等,同一个应用来说,我们要开发出满足各个平台的各种版本应用。那么我们有没有可能只开发一种应用就能满足各个手机平台呢? 答案是有的,那就是WebAPP.

 

WebApp只需要你的手机装有基于Webkit的浏览器即可。至于WebApp的外观也不会输给原生应用多少,速度上相比WebApp是一个非常大的弊端(这个随着未来手机3G宽带的加大会弥补一些).下面我就给大家介绍俩个东东JQtouch,Sencha。

 

JQTouch:

jQTouch这个jQuery插件让你只利用HTML、CSS和JavaScript,就能够创建可在WebKit浏览器上(iPhone、Android、Palm Pre)运行的手机应用程序。接触JQTouch的半年前,当时看到这个还是感觉比较新的,但由于笔者忙于Android开发,所以只是简单的看了下,弄了一个在手机上跑的Demo.下面看一下效果图:

 

Sencha:

 

Sencha 是由 ExtJS 、jQTouch 以及 Raphael 三个项目合并而成的一个开源项目。Sencha Touch可以让你的Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理,全部基于最新的HTML5 和CSS3 的 WEB标准,全面兼容Android和Apple iOS设备。

 

下面我们先看一下WebApp效果图:

效果1:

效果2(webapp游戏酷吧)

 

效果3( Iphone帅帅的List):

效果4:

 

Sencha是目前为止所发现的最强大的应用于移动平台的框架。它将自己定位为框架(Framework)而不是类库(Library),也可以充 分印证这一点。相信随着Sencha的出现,移动平台的Web App用户体验设计会得到提升,同时也会对HTML5和CSS3在移动平台上的普及推广产生很大的促进作用。可以预见,随着HTML5愈加强大的功能,未来的移动应用将会逐渐步入Web App时代,Native App会逐渐走向终结。

那么大家有什么看法呢?

分享到:
评论

相关推荐

    webapp1:webapp1

    【标题】:“Webapp1:Webapp1”的深入解析 【描述】:“Webapp1”是一个基于Web的应用程序,它代表了互联网上交互式服务的一种形式。这种应用程序允许用户通过Web浏览器进行各种操作,比如在线购物、社交互动、...

    webApp1:webApp

    Web应用程序(WebApp)是基于浏览器运行的交互式软件,它允许用户通过互联网进行各种操作,比如在线购物、社交媒体互动、协作工具等。在"webApp1:webApp"的上下文中,我们可以深入探讨以下几个关键知识点: 1. **...

    Notas:WebApp通知

    【标题】:“Notas:WebApp通知” 在Web开发领域,"Notas:WebApp通知"可能是指一个基于Web的应用程序,它允许用户创建、存储和管理他们的笔记。这个应用程序可能具有通知功能,用于提醒用户关于待办事项、重要笔记...

    webapp:webapp 实例

    【标题】:“Webapp:Web应用程序实例” 【描述】:“Webapp项目是基于前端构建工具Grunt和yeoman的应用程序开发实例。这个项目展示了如何利用这些工具来搭建、管理和优化现代Web应用程序。” 【标签】:...

    滴滴:WebApp实践经验总结

    需求分析(1)滴滴多条业务线在一个WebApp页面里运行,业务线之间互不影响。(2)业务线发单流程基本一致,部分业务线支持自定义化。(3)业务线可以独立自主迭代上线,不需要公共团队的参与。(4)新业务线可以快速...

    webapp2:webapp2是Google App Engine的框架

    webapp2 是与Google App Engine的兼容的轻量级Python Web框架。 webapp2很简单。 它遵循webapp的简单性,但是在某些方面进行了改进:它增加了更好的URI路由和异常处理,功能齐全的响应对象以及更灵活的调度机制。 而...

    OnTimeAttendance:WebApp版本

    准时出勤实时取景: : WebApp版本2/5/2018 ------主页的骨架以供批准。 Erik Robles 2018年2月13日将仪表板,仪表板菜单加图标添加到3页中,更改了仪表板配色方案并为仪表板样式添加了更多CSS。 用更多元素替换了一...

    bonitasoft-app-logWebInterface:webapp 读取和下载 Bonitasoft 平台的日志文件

    bonitasoft-app-logWebInterface 用于读取和下载 Bonitasoft 平台日志文件的 Webapp 此应用程序将使技术用户无需使用文件系统访问权限即可获取容器日志 ...转到并使用 users.xml 凭据登录 图形用户界面示例

    webapp:制作webapp

    【标题】:WebAPP开发详解 【描述】:WebAPP是指基于Web技术构建的移动应用程序,用户无需通过应用商店下载安装即可在手机浏览器上使用。本文将深入探讨如何制作WebAPP,涵盖核心技术JavaScript以及相关开发流程。 ...

    previsions:webapp PoC预设

    在IT行业中,Web应用程序(Webapp)的安全性是至关重要的,而"PoC"(Proof of Concept)是指概念验证,通常用于展示一个潜在问题或漏洞的实际可行性。在本例中,“previsions:webapp PoC预设”可能是一个用于测试Web...

    webapp-jetty:webapp-码头

    【webapp-jetty: webapp-码头】 "webapp-jetty"是一个与Web应用程序相关的项目,通常指的是使用Jetty服务器来部署和运行Web应用程序。Jetty是一个轻量级、高性能的开源HTTP服务器和Servlet容器,它允许开发者在Java...

    Absensi:Webapp sederhana untuk Absen(MySQLMariaDB)

    【标题】"Absensi:Webapp sederhana untuk Absen(MySQLMariaDB)" 是一个基于PHP开发的简单考勤管理应用,它利用MySQL或MariaDB数据库来存储和管理考勤数据。这个应用旨在为小型组织或团队提供一个便捷的方式来记录...

    centcovid:WebApp Centro Covid

    【标题】"Centcovid:WebApp Centro Covid"是一个基于JavaScript技术开发的Web应用程序,旨在为用户提供关于COVID-19的中央信息中心。这个项目可能是为了整合和展示有关新冠病毒的各种数据,如病例统计、疫苗接种...

    jetty-webapp-9.3.19.v20170502-API文档-中文版.zip

    Maven坐标:org.eclipse.jetty:jetty-webapp:9.3.19.v20170502; 标签:eclipse、jetty、webapp、中文文档、jar包、java; 使用方法:解压翻译后的API文档,用浏览器打开“index.html”文件,即可纵览文档内容。 ...

    app.stylr.io:Webapp来源

    【app.stylr.io:Webapp来源】是一个与前端开发相关的项目,主要关注于样式编辑和管理。这个项目可能是基于JavaScript技术构建的一个Web应用程序,它允许用户在线编辑、管理和应用CSS样式,提升网页设计的效率和灵活...

    fofia.github.io:Webapp用于编辑和打印收据

    "fofia.github.io:Webapp用于编辑和打印收据" 这个标题揭示了一个基于Web的应用程序,它专为创建和打印收据而设计。fofia.github.io是该项目的域名,表明它托管在GitHub上,这通常意味着这是一个开源项目,可能由...

    webapp-boilerplate:WebApp Boilerplate是用于前端和后端的生产就绪型JavaScript堆栈,由HTMLJavaScriptCSS工具和用于构建Web应用程序的框架组成

    WebApp样板 WebApp Boilerplate是一个前端/后端JavaScript堆栈,由HTML / JavaScript / CSS工具和用于构建Web应用程序的框架组成。 您可以使用支架初始化并创建一个新项目。 特征 可帮助您构建快速,健壮且适应性强...

    iMall:WebApp商城前端原始码

    WebApp商城基于vue 2.0,vue-router,vue-awesome-swiper,element-ui,mockjs,sass,axios,webpack,vuex构建指令// 安装依赖npm i// 构建前配置 webpack 本地 输出目录path: path . resolve ( __dirname , './...

    webapp-tpl:webapp 代码模板,使用yeoman自动生成

    【webapp-tpl: 使用yeoman自动生成的webapp代码模板】 `webapp-tpl` 是一个基于 `Yeoman` 的代码生成模板,专为构建现代网页应用而设计。`Yeoman` 是一个自动化工具,它能够帮助开发者快速地搭建项目结构,减少手动...

Global site tag (gtag.js) - Google Analytics