说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

单页Web应用或引领下一代Web新趋势?

HTML文档下载 WORD文档下载 PDF文档下载
一门新的技术诞生总会引来一番争议,单页Web应用程序也不例外,其最大的优势在于用户体验,对于内容的改动不需要加载整个页面;对服务器压力很小,消耗更少的带宽,与面向服务的架构更好地结合。使用HTML+CSS+JavaScript编写应用程序,能使更多的开发者都加入到程序开发的行列。

作者Steven Willmott是3scale网站的CEO,3scale为超过100家网络提供API服务,其中包括Skype等,也拥有超过60000名开发者为其编程;此外,他还为programmableweb和Gluecon社区做贡献。本文Steven为我们解读了利用HTML+JavaScript编写应用程序将引领下一代Web新趋势。

在旧金山创业公司3scale网站上经常有人会问道:“究竟什么样类型的Web架构会成为最终的赢家?是HTML5还是App+API?”我们的答案非常简单:“将两者集合。” 来自Alexander Aghassipour和Shajith Chacko发表的这篇文章讲述了单页应用程序是如何创建而来的。文章讲述了Web应用设计趋势——利用JavaScript并访问核心API将多页的Web应用转换成单页的应用。开发单页Web应用利器新的前端架构包括Backbone.js,Ember.js,Angular.js以及Meteor;使用Gmail和Google Docs对于单页模式来说早已不是稀奇之事,Trello正是使用单页面程序元素(比如infinite scrolling/loading,in-line content无限滚动/加载,内链内容);此外,像Twitter、Facebook、Pintrest这些大型的社交网站都使用了单页面程序设计元素。

单页面应用是指用户通过浏览器加载独立的HTML页面并且无需离开此导航页面,这也是其独特的优势所在。对用户操作来说,一旦加载和执行单个页面应用程序通常会有更多的响应,这就需要返回到后端Web服务器,而单页面应用为用户提供了更接近一个本地移动或桌面应用程序的体验。

单页Web应用程序的优点:

  1. 首先,最大的好处是用户体验,对于内容的改动不需要加载整个页面。这样做好处颇多,因为数据层和UI的分离,可以重新编写一个原生的移动设备应用程序而不用(对原有数据服务部分)大动干戈。
  2. 单页面Web应用层程序最根本的优点是高效。它对服务器压力很小,消耗更少的带宽,能够与面向服务的架构更好地结合。

单页Web应用程序的缺点:

虽然还有一些历史遗留问题(大部分是针对HTML5的改进)以及SEO。如果你看中SEO,那就不应该在页面上使用JavaScript,你应该使用网站而不是Web应用。目前该技术还存在一些争议,但这并不是重点,因为这种类型的体系架构为SAAS Web Apps提供了一个极大的可用性。

单页Web应用程序的结构很简单:首先传递HTML文档框架;然后使用JavaScript修改页面;紧接着再从服务器传递更多数据然后再修改页面,如此循环。从性能的角度看,在现代浏览器中单页面Web App已经能够和普通应用程序相媲美,而且几乎所有的操作系统都支持现代的浏览器。使用HTML+CSS+Javascript编写应用程序,能使更多的人们都加入到程序开发的行列。

这足以说明,在Web设计过程中标志着Web将呈现一种新的趋势,它将一个分离的功能层作为API并将表示层用APP的形式体现出来 (HTML5或Native):

  • 单页面+API模式比基于应用程序的HTML多重页面更加灵活,因为底层API可用于多种不同的上下文、形式因素和设备类型。一旦网页内置了API,能够满足客户不同需求(比如合作伙伴vs最终用户)。
  • 该模式意味着本地Web应用能够为用户无论是基于什么平台提供更接近一个本地移动或桌面应用程序的体验。服务平台的移动后端比如Stackmob、Parse、Appcelerator、Kinvey以及Kii借助一些标准的API后端元素可提供跨平台用户体验。
  • 协议(如openAuth (oAuth) 成为作为用户授权的黄金标准已被广泛采用,提供了一个共同的模式。从应用程序和内容中将单独登录/授权问题分离出来。也就是说用户的身份可以从内容、功能和用户体验中清晰地分离出。

一个单页面Web应用程序就是一个Web应用程序,但结构不同。其中最重要的是:在第一次请求的时候,所有的标记语言(HTML)就已经传输到客户端,其余的请求都通过REST API获取JSON数据,数据的传输通过Web Socket API或远程过程调用。单页面应用程序可以说是分拆Web技术的最后一步——通过分离(css)内容,改进架构(XML和 XSLT)上的灵活性,调用服务器(AJAX)再到解压应用程序的导航页面结构。因此,这在Web发展中是个历史性的转折点。

目前这只是单页面Web应用开发的初期,但可以看出将单页面应用、APIs以及JavaScript结合在一起将成为许多流行应用的规范。

所以,当被问到“HTML5是App+API?”,我们会说,“两者皆是——将两者结合在一起要比以往快很多。”单页面应用是一个块非常大的拼图。当然,导航、历史性和SEO等问题也成为单页面Web应用的诟病。

那么,综上所述,您怎么看呢?(译文/夏梦竹)

英文出自:Pandodaily

CTO如何避免决策失控(三):从CEO角度看CTO的应对能力 IT界需求最旺的16项技能 PMC发布8系列RAID卡 找准国内互联网企业需求 早Google一步,eBay数据中心率先搭载了火星上使用的技术 目标专利2000,技术研发人员占55%,斐讯的厚积薄发 SwiftStack CEO:分布式存储的未来 触控陈昊芝:“好声音”标王对移动游戏未来的预测 Office将更强大:微软正开发Office Reader和Office Lens 百度技术专家详解Clouda 并称计划推出相应UI解决方案 少年才俊:看IT界8个不到20岁的科技公司创始人 Oracle与Freescale展开深度合作,Java或将一统物联网? 探秘Google新搜索引擎算法Hummingbird的16个疑惑 如何在开发项目里进行自我激励! 或许很受用:苹果、谷歌和亚马逊等公司的14个怪异面试题 12款不容错过的新款jQuery插件 技术开发者如何看实时Web App开发框架? 高薪技术排行:大数据居首,苹果相关次之,Java、C等相去甚远 谷歌开发网络跟踪新技术:AdID将取代第三方Cookie 穿在脚上的苹果?苹果聘用Nike设计主管Ben Shaffer 七款Debug工具推荐:iOS开发必备的调试利器 六年亲历,见证中国大数据技术与应用时代的到来 Mailbox:日支撑过亿信息数据库的性能调优及集群迁移 PayPal前CTO 在美国改变世界的乌克兰犹太人 放弃Bootstrap&amp;amp;Foundation,迎接Semantic UI? 一键分享:iOS版Google+发布SDK InMobi杨娟:中国移动游戏如何挑战全球? Adobe再遭APT攻击:数十G源代码及290万用户信息失窃 程序员,如何在工作中崭露头角? 国内外三个不同领域巨头分享的Redis实战经验及使用场景 这是一场潜在的战争:谷歌与Facebook、苹果在搜索上的博弈 设计新闻类网站需要注意的关键点:移动友好、宽带…… 工具栏上加下拉组合框的问题 FFDD 2.0 系统件开发规则 有MIS或ERP选型经验的朋友请点击,斑竹请务必帮助我! 系统件快速开发解决方案 —系统转系统件方案 关于paradox的字段设置 谁有jb7的注册码?能发给我吗? 我想让一个存储过程最大执行10秒,超时退出,怎么实现? 数据库连接问题 在delphi的paradox 7 的字段设置 单网卡如何帮定双IP? 这样都有?你们给我我的可用分增加了 不用hook,能不能把其他应用程序的关闭按钮或最小化最大化按钮屏蔽掉?? 如何把float转成CString 怎么把SQL SERVER2000 数据库中的表转成.dbf格式的表!谢谢 如何得到一个图形按钮的句柄啊?好郁闷!!! 关于setfilter()函数的问题 谁知道四川的高程考试什么时候报名?哪里? illegal character: \12288???什么是不合法的存在?? 关于wav格式的声音文件 com 、active控件,b/s,asp到底什么关系啊 C++高手请过来! 怎么切换分割后的视图类 软件工程师的职业生涯――从入门到精通 SOS(ACTIVEREPORT) 基于RichText的查找和替换函数??BCB自带的那个太滥了。(1--[查找]100分) 把float转为CString 基于RichText的查找和替换函数??BCB自带的那个太滥了。(2--[替换]100分) 谁有加密算法的程序!! Atl+asp+mapi 这种情况能不能连接SQL SERVER??? 帮忙 半個月了.還沒能找到解決方案,我想做數据庫的朋友都會碰到的問題.如何能在dataGrid中先显示一张有几十万条数据的表的一小部分,载入内存 我的SQL Sever 2000不能启动了。为什么。 我的SQL Sever 2000不能启动了。为什么。 求救:PB做出来的东西能否在WINDOWS2000下运行???? 请问如何实现在回退到指定的窗口 请问为什么会出现拨号连接正常,但IE却打不开网站网页 关于类模板的两个简单问题 千万别让MM看到你的QQ开着 [zz] 寻找高手(调用Flash动画) 还是字符集的问题,解决了只给100分(外加一顿饭) 初学者,有没有什么好书请推荐一下! to echome !!!!!!!!!!!!!!!!!请大家如果见到 echome 请奔走告诉他一声!!!!!!!!!!!!!!!!!!!!! 为什么Debug下编译的程序一点问题都没有,而Release的编译却一运行就非法操作啊! 我写得计算第n个Fibonacci数列的函数,我想知道最简单的方法!谁可以告诉我??(递规除外) 请问如何得到鼠标所在屏幕那一点的RGB值? 怎么把mpeg文件的每一帧截图 二维表应该怎么设计在dw中。 一问题,我在jbuilder6里面写了一个类,只是简单的测试一下 一个关于查寻的问题!来者有分!! 请问一个Vc++ 下ODBC编程的问题 你能告诉我哪种玻璃最硬 常温下,某酸溶液的PH=2,则该酸溶液的物质的量浓度?A一定大于0.01mol/L. B一定等于常温下,某酸溶液的PH=2,则该酸溶液的物质的量浓度?A一定大于0.01mol/L. B一定等于0.01mol/L C一定小于0.01mol/L D可 超光速现象是什么? 真空镀膜机工作原理 同物质的量浓度的酸溶液,酸性越弱,pH越大若pH相同,则酸越弱,溶液的浓度越大为什么呢 PH不是和H+的浓度有关吗,一元酸里不就是等价于溶液浓度的么比如PH=3的盐酸 醋酸 不都是0.003mol/L么 根据HA、H2B两种酸溶液的浓度都是0.1 mol·L-1,pH依次为1.5和2.0,为什么可以判断HA和H2B都是弱酸?PH越小酸性不是越强吗? 公路上积水在寒冷的天气里,常会在公路表面形成一层薄冰,这个过程在科学上称为 如何用酵母发面 有关天气冷的谚语多点! 公路上的积水在寒冷的天气里,常会在公路表面形成一层薄冰, 天天梅雨,梅雨到底会持续多久呢? 梅雨会持续多久 形容白玉兰的诗句 .重力势能的正负影响其大小吗?有一句话,物体和参考平面间的垂直距离越大,它的重力势能也越大.让人判断正误.如果重力势能的正负影响其大小,那这句话就是错误的.但是,答案是说此话正确. 现在的景象去了哪里 超光速 形容玉兰花的诗有那些 比较重力势能的大小要看正负号吗 ph=2的盐酸中水电离出来的氢离子浓度怎么求 发面酵母 有关白玉兰的词语 麻烦把物理有正负量的物理量列举出来,如重力势能的正负意义,有的能正负只代表输出,有的却是大小? 关于蒸发式冷风扇我想买个蒸发式的冷风扇,不是那种空调扇…它只加水就可以了…看了一下觉得还可以,不过要700多块…不知道这好不好用阿,我不想买空调… 温带海洋性气候为什么全年最低温高于0度 25°C时,浓度均为0.1的HA溶液和BOH溶液,pH分别是1和11.下列说 法正确的是A. 在O.1 mol·L-1 BA溶液中,c(A-)+c(H+)=c(BOH) +c(OH-) B. 若将0.1 mol·L-1BOH溶液稀释至0.OO1 mol·L-1则溶液的pH=9 湖泊中的蓝藻能否在海洋中生存RT 补充:请给出您答案的出处!鄙人最近在写论文,关于太湖蓝藻问题的,我有个想法,虽然有点异想天开,不过我还是想了解下这想法的可行性,就是太湖蓝藻如果直 萨米恩托的气候为温带大陆性气候,为什么冬季气温高于零度,是什么原因造成的? 225℃时,浓度均为0.1 moI.L-l的HA溶液和BOH溶液,pH分别是l和11.下列说法正确的是( ) A.BOH溶于水,为什么A不对25℃时,浓度均为0.1 moI.L-l的HA溶液和BOH溶液,pH分别是l和11。下列说法正确的是 生活中哪些利用了惯性 武汉地区冬天最低气温在零度左右,怎样养金钱树 为什么下雪天天是黄色下雪天的时候睡觉,天总会很亮,并且发黄,请问这是什么缘故?是雪引起的光的反射吗? 结冰后的湖泊里水生生物还活着,这是水的什么性质 梅雨天气一般会持续多长时间啊? 天变黄会不会下雪 帮忙写一篇120词的英语作文,一般水平就好.以120词就“适者生存”为主题写一篇短文.内容包括:(1)你认为遇到困难时,我们应该想办法克服困难还是回避困难.(2)当你处在一个新环境时, 人不能喝海水,那为什么海里的鱼可以喝一辈子? 为什么一到下雨或下雪,天就成了黄色?而且还是那种很亮的明黄色~为什么? 酵母发面 属于发酵吗?RT 为什么答案里说不是呢?.....谢..以下不属于发酵过程的是:A酿造葡萄酒 B制作酸奶 C酵母发面 D制作泡菜 为什么鱼喝海水,人却不能喝? 高羊茅下雪后发黄是什么原因? 描写土地的诗,要作者,朝代. 人喝海水会死吗?海水为什么不能喝? 为什么在晚上下雪时天是桔黄色的?那月光照在雪花上反射出来的光 为什么会是桔黄色,雪花不是白色的吗? 语言意义和语境意义有什么不同,为什么要区分二者?我分不清这两者, 以"蜡烛"为内容,分别写一个比喻句和一个拟人句 塑料中能添加金属粉末吗?我现在想把ABS塑料添加铝粉然后再做塑料射出加工不知道能不能这样做?不敢试啊,理论来说加些面粉细微的粉尘进去少量是没什么关系,但是不知道会不会将丝杆刮伤 根据语境写出“好”在词语中的不同意思心情好( )态度好( )天气好( )身体好( ) 用“蜡烛”分别写一个比喻句和一个拟人句求速度! 玻璃与金属烧结在一起,研磨时因有金属粉,玻璃会划花,有什么解决方法?不好意思,问的不是如何烧结,而是对已经烧结在一起的玻璃和金属进行球面研磨时出现玻璃划花现象如何解决? 区分该词在不同语境里的不同含义1.夫与子之不遇事:之2.许喷以烟:以3.天下独绝:绝4.坐中数千人:坐 描写木兰花的诗句 我公司需要的20种金属及相关化合物的粉末,有能提供的联系我.需要的具体粉末在问题补充里铝,氯化钯,硫酸铜,金硫代硫酸钠,氧化铜,锡,氯化铱,氮化钛,二氧化钛,氯化锌,草酸钛,钛,钼,钨,氯化 玻璃刀刃头上镶的金属是什么 为什么铁块沉入水中之后,已经静止不动了,重力还还比浮力大 写给十年后的自己,英语作文,100词的 金属玻璃是玻璃吗? 沉入水中的物体,浮力小于重力?物体沉入水中时,F浮< G 5年后英语作文如题易懂希望高手写下.5年后,我已经是高中生了,埋头在书本里面,拼搏着向理想的大学努力.我想我那时候应该住在上海吧!一个小小的公寓里面= =下面由高手发挥下想象了,不用 为什么寒冷的冬天,河里结了冰,鱼儿却能在水下自由的生活 11.25℃时,将0.1 mol/L的某酸与0.1 mol/L的KOH溶液等体积混合,所得混合溶液的PH为 超光速是什么,超光速之后会有什么现象.
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘