三大移动Web开发框架哪个适合你

三大移动Web开发框架哪个适合你web前端的三大框架,web三大框架,web三大组件,java web三大组件,web容器三大组件,web三大架构,移动web前端框架,移动web开发框架,移动端web开发框架,移动端web框架
社会化媒体营销 > 三大移动Web开发框架哪个适合你

三大移动Web开发框架哪个适合你(1)

三大移动Web开发框架哪个适合你?

【51CTO独家译文】经常浏览Developer.com的读者也许注意到了这点:我最近特别关注JavaScript驱动的移动应用开发解决方案,先后撰文介绍了众多的相关话题,包括jQuery Mobile、jQTouch、Sencha Touch和PhoneGap。我得承认,要搞清楚这一批前沿技术并非易事,于是我这回概述一下这些主要的移动开发解决方案的主要特性和优点(51CTO注:PhoneGap未作介绍,欲了解更多PhoneGap内容请移步51CTO专题:跨平台移动web中间件PhoneGap开发入门)。但愿这篇概述多少可以帮你确定哪一种解决方案最适合你项目的具体要求。

jQuery Mobile适合你吗?

差不多二十年来,处理跨浏览器的HTML和CSS不一致问题一直让许多开发人员颇为苦恼。而Ajax的出现更是加剧了这些问题,因为开发人员现在要处理新的问题:无数与JavaScript有关的浏览器不兼容问题和异常现象。后来出现了jQuery:由于可以对基本的JavaScript 任务进行强大的抽象处理,jQuery大大减轻了编写复杂的跨浏览器代码方面的压力。难怪jQuery一下子火了起来。

眼下移动应用开发人员面临可能更艰巨的挑战,这不仅是由于要处理各种各样的移动浏览器不兼容问题,还由于需要设计合理布局,以便适合移动设备所固有的各种外观尺寸和有限资源。这时候,jQuery Mobile应运而生,它自诩是“一种针对触摸而优化的Web框架,面向智能手机和平板电脑”,可以充分发挥jQuery和jQuery UI(51CTO注:查看jQuery UI实例https://jqueryui.com/)的优势。

虽然jQuery Mobile目前仍是测试版(第二个测试版在去年8月3日宣布发布),但已经支持数量多得惊人的移动平台,包括安卓、黑莓、iOS和Windows Mobile等其他平台。同样出色的是,它还支持众多的窗口组件:由于jQuery Mobile对渐进增强(progressive enhancement)很重视,开发人员可以利用这些窗口组件,轻松创建统一的、跨移动设备的界面。务必将演示程序(51CTO 注:查看演示程序地址https://jquerymobile.com/demos/1.0b2/#/demos/1.0b2/)装入到众多不同的设备上(包括你的桌面浏览器),领略一下界面是如何变化以适合目标设备的。

此外,务必从桌面浏览器里面来查看演示程序的源代码;连刚入门的jQuery用户也会注意到该程序的代码很注重全面隔离页面布局和JavaScript驱动的功能。你会看到,整个应用程序都在一个文档里面,每个“页面”及其组成部分使用与自定义属性有关的DIV来定义。比如说:

1.

2.WJGilmore, LLC

3.

4.

5.

Check back regularly for the latest information about Jason's books!

6.

7.

点击显示全文

分页:12345
  • 如何为你的项目挑选适宜的Web开发框架?

    如何为你的项目挑选适宜的Web开发框架?_计算机软件及...吃哪些食物不发胖 在家全套瑜伽练习教程88份文档 2014...2014年移动互联网O2O分析报告 2014年在线教育行业分析...

    2018-06-23 12:00:20
    273680
  • 移动端开发框架小梳理

    原因是同 JQuery 使用共享的代码 b》 跨平台兼容性好 2、 jQTouch a》 基于 ...《百度 UI 前端框架》 a》 基于 zepto 的 mobile UI 组件库,提供 webapp、pad...

    2018-06-23 12:19:35
    199680
  • web app框架 比较

    开发人员需要根据项目的不同要求,对自己使 用的 web app 框架进行调整以符合...第四种 web app 框架、Framework7 Framework7 适合快速开发一款移动端的 WebApp...

    2018-06-23 12:35:09
    428303
  • 移动端混合开发框架分析

    21 玩什么选择类 WindVane 框架 ... 21 ...频繁变化或简单业务通过 Web 实现,更好的满足移动端业务多样...帮助开发者了解原生 API 并在他们自己的平台上开发...

    2018-06-23 12:00:17
    360888
  • 十大前端开发框架

    越多的用各种移动端的设备访问互联网,Web 设计师 和 Web 开发者的工作也变得...这使得这个框架可以单独地用于构建网站,而不需要额外安装什么。你 需要做的仅仅...

    2018-06-23 12:41:17
    199861
  • Java web开发三大框架整理

    Java web开发三大框架整理SSH 中移动杭州研究院 Java...的框架中,开发人员利用其进行开发时不用再自己编码...使用拦截器可以给开发过程带来很多好 处:可以将大...

    2018-06-23 12:15:34
    444316
  • 好用的移动Web开发工具有哪几种?

    互联网时代,随着 IT 行业的发展,我们的生活到处都充斥着 web 开发的应用:微信端、 游戏等等,这些都是用移动 Web 开发工具开发的,大家是不是也想自己开 ...

    2018-06-23 12:04:35
    260648
  • 推荐几款常用的web前端框架

    我们在做 web 开发的时候难免遇到一个问题就是,应该选择什么样的框架?目前 web...移动 WEB UI 框架资源,大家可以根据自己的业务需求去选择合适的 WEB UI 框架。...

    2018-06-23 11:58:08
    151534
加载中...
加载中...
  • 自动化测试工具selenium中如何利用xpath来定位元素

    自动化测试工具selenium中如何利用xpath来定位元素 - 自动化测试工具 selenium 中如何利用 xpath 来定位元素 在开始之前,我们先来熟悉 selenium 中常使用的几个...

  • Xpath使用实例简单粗暴

    Xpath使用实例简单粗暴_计算机软件及应用_IT/计算机_专业资料 暂无评价|0人阅读|0次下载|举报文档Xpath使用实例简单粗暴_计算机软件及应用_IT/计算机_专业资料。XPath...

  • XPath实例

    实例1 基本的 XPath 语法类似于在一个文件系统中定位文件,如果路径以斜线 / 开始, 那么该路径 就表示到一个元素的绝对路径 /AAA 选择根元素 AAA <AAA> <BBB...

  • XPath_基础学习

    //book/title | //book/price //title | //price /bookstore/book/title | //price 4.XPath Axes《坐标轴》轴可定义某个相对于当前节点的节点集。 轴名称...

  • 如何获取某个页面元素的XPath值

    假如现在我们想要获取百度首页《www.baidu.com》的“百度一下”按钮的 XPath 值,如下 图所示: 360 安全浏览器: 第一步:首先,在“百度一下”按钮上按右键,然后...

24小时热门信息
  • Docker Swarm架构的特性与基本实践

    Docker Swarm架构的特性与基本实践 - Docker,Container,容器,容器开发,企业容器平台,互联网转型,Devops,微服务

    2018-06-23 11:59:36
    699337
  • docker课程介绍.doc

    docker课程介绍.doc_IT认证_资格考试/认证_教育专区。云计算 Docker 容器技术应用培训课程大纲 1、培训对象:云计算架构师、运营维护工程师、开发工程师 2、培训目标...

    2018-06-23 12:23:30
    338015
  • docker命令语句

    docker命令语句_计算机软件及应用_IT/计算机_专业资料。docker命令语句 Docker 基础这篇基础文章是方便用户在使用 cSphere 平台之前,了解 docker 基础知识。 针对已经...

    2018-06-23 12:05:48
    238868
  • docker学习之基础知识

    docker学习之基础知识_计算机软件及应用_IT/计算机_专业资料。docker学习入门 内 部 公 开 ▲ Docker 学习之基础知识 Docker 是一个开源项目,诞生于 2013 年初,...

    2018-06-23 11:58:12
    462582
  • Docker 的使用总结

    docker 在线安装与启动 1.1 安装 docker [root@localhost /]#yum install –y epel-release [root@localhost /]# yum -y install docker-io 1.2 启动 ...

    2018-06-23 12:02:04
    182123
  • docker使用手册

    docker使用手册_计算机软件及应用_IT/计算机_专业资料。docker使用手册及常用命令 概念Docker daemon Docker images Docker client Docker Registries Docker containers ...

    2018-06-23 12:09:56
    560967
精彩推荐
  • FLASHFLASH

    FLASH_计算机软件及应用_IT/计算机_专业资料。知识 1.1Flash CS6 概述及重要概念重点: ①对 Flash 这款软件有一定的了解 ②要求掌握帧,时间轴,图层,场景,笔触...2018-06-23 12:32:02148652

  • Flash1Flash1

    《Flash 动画设计》考试资料注意事项: 1、考试时间:2009 年 5 月 18 日晚 18:45-20:25,共计 100 分钟 2、考试地点:2303、2304 教室 3、考试形式:开卷...2018-06-23 12:34:05500594

  • zigbee协议栈flash操作zigbee协议栈flash操作

    《HAL_NV_DMA_CH》; FADDRL = 《uint8》addr; FADDRH = 《uint8》《addr >> 8》; HalFlashWriteTrigger《》; 》 这个函数的功能就是向 flash 内部的 addr 地址...2018-06-23 12:30:21407421

  • 信息技术工具介绍flash信息技术工具介绍flash

    Flash 的补间动画有以下几种: 1.动作补间动画 动作补间动画是 Flash 中非常重要的动画表现形式之一,在 Flash 中制作动作补间动画的对象必须 是"元件"或"组成"...2018-06-23 12:38:25297697

  • 1、Flash 简介1、Flash 简介

    1、Flash 简介_计算机软件及应用_IT/计算机_专业资料。Flash cs3 二维动画设计与制作课 课时:2 课时 题:Flash 简介 重、难点:Flash 动画的特点 Flashcs3 的界面...2018-06-23 12:00:52337100

  • 《flash动画设计》建设方案与实施过程《flash动画设计》建设方案与实施过程

    《flash 动画设计》建设方案与实施过程一、课程建设思路 《Flash 动画设计》课程是一门实践性很强的课程,主要学习二维动画的制作和 交互式设计的内容。通过本课程...2018-06-23 12:30:50401073

  • 计算机答案《Flash》计算机答案《Flash》

    20.关于 Flash 影片舞台的最大尺寸是多少 为像素 21、在 Flash 中,如果希望将一段文字分离为单独的文字,可以使用 的命令是【Ctrl】+【B】 22、某电影中,只有...2018-06-23 12:09:45265311

  • Flash 教程Flash 教程

    Flash 教程_计算机软件及应用_IT/计算机_专业资料。自编动画教程 小学Flash 特色课程校本教材一、课程基本理论 《一》 、Flash 特色课程教学总目标《教学的三维目标》 ...2018-06-23 12:24:16181767

手机版 | 欢迎来到社会化媒体营销