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

单页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

2014,混合云被广泛采用的一年 传微软拉拢厂商推双启动系统手机 用户可选Windows Phone或Android 为什么游戏领域总是“抄抄抄”! 物竞天择、百家争鸣——评OpenStack生态圈 CES 2014:Intel针对可穿戴技术发布多款产品 直击CES:Pebble推金属版智能手表Pebble Steel 为4K智能电视而生:高通推出骁龙802处理器 英特尔首席执行官阐述可穿戴设备新技术及Edison计算平台 设计师如何写出更棒的项目建议 微软以1亿美元收购Parature“知识库” 登陆CES:三星发布智能家庭平台Smart Home CES 2014:GPS供应商Garmin推健康腕带Vivofit 《近匠》第05期:移动开发工具访谈,个推——有节操的push 【Hadoop技术博客推荐】Hive的那些事 Twitter联合创始人推社交搜索应用Jelly 马云“食言”进军手游分成比例8:2,开发者可拿7成 CodeCombat游戏全面开源:玩游戏也能学编程 Netflix首席云架构师Adrian Cockcroft加盟Battery Ventures Android 4.3附体:RIBX发布FB/Ti 互联网手表 IE11界面布局的秘密武器:Quero Toolbar 【开源专访】Node-Webkit作者王文睿:桌面应用的全新开发方式 CentOS归属红帽:企业级Linux领域社区与商业的融合 印度初创公司Little Eye Labs证实已被Facebook收购 雅虎收购Aviate:重在提升用户体验 SDN领域硝烟再起,Oracle将Corente收入囊中 Hadoop科普文——常见的45个问题解答 CES 2014:奥迪下一代汽车将采用NVIDIA的芯片! Cocos 3.0 Beta发布:更易用、更友好 开拓新兴市场?诺基亚或推Android手机,UI界面遭泄露 预测2014大数据值得关注的8个发展方向 霸主地位再临挑战?Salesforce CEO,我们不只有Oracle messagedlg能不能显示中文?例如显示“确定”,而不是“ok” 各位高手!!请教一个有关在oracle8i中建立表与表之间的关系? 请问哪里有无时间期限的Setup Factory 下载? 笨呆呆,拿分。 请问到那里可以下载uml工具,如果再有推荐的话是一定可以得分的 再次有请: playyuer 吴文智、袁飞、Jneu、Amoon、ttyp、icevi、progame、Jinesc 等各路高手 偶是初学者,问一个问题 SOS,很严重windows的问题,高手快进 复制Access数据库时出现的问题 如何动态添加TQuery的字段??? 编译一问 SOS,很严重windows的问题,高手快进 !!! 有人开发过基于winpcap的网络抓包程序么? SOS,很严重windows的问题,高手快进 ! 通过双网卡上网怎么设置? 一名初学者的问题? 各位老大,如何控制windows的资源管理器显示/不显示后缀名 问一下现在4000元可以买到大概什么配置的笔记本电脑 谁知道用VC++直接操作硬盘?告诉我一声,多谢了 请问考OCP的12本宝典在哪里下载?有人能介绍介绍经验吗?谢谢! Nobody can help me? 去考MCSD我合格吗? 怎样让程序自动修改IE中htm文件? !!!andyting!!!!过来拿分!!!!!! 请问各位大陆市场有没有<>? 请问学习vb有什么好书吗?请高手们帮帮忙,推荐几本好书?谢了!~ 谁知道生成随机数的算法 ListView问题 急急急急急急急急急急急急急急急急急急!!!! 如何向Access数据库中加入图片并从数据库中读出显示? 急,请问如何查询多个表(这些表有公共字段)查询结果按公共字段生成输出表单 请问关于利用JSP转换成HTML格式的问题 格了C:... 我装了Xteam linux kernel版本为:2.4.2,可是启动的时候屏幕上竟是0101010101010101,但用引导盘启动就可以的. 请高手们指点 "afx"是什么意思? 钩子函数里:GETMESSAGE????hook问题 大家帮帮忙!!我用vc中的Win32 console application调试c++程序时,输出的结果总是看不到,一出来就不见了啊!怎么办啊????急!!!!! 请教高手TDataSource的问题????????????????????????????????? TShockWaveFlash控件怎么样在播放时屏蔽其右键?另外怎么样让它在播放时单击鼠标让其播放结束?( Delphi版中没人回答 ,到这儿来试试) 谁有pb6.5的源代码,偶初学pb,想参考一下,最好是access或sql的,偶愿意送300分/个 LPWSTR-CString的相互转化? SQL语句问题,请指教。 我算不算“蓝领”? unix下面怎么实现多线程?可不可以发个例子给我?我的邮箱是caochao@powerise.com.cn 如何将数组中的一个元素附以二进的值 又来送分了! 请问用水晶报表设计报表的VB程序,安装时是不是一定要装水晶报表,如果不,安装应该怎么办? ListView问题:怎样在程序中自动选择LISTVIEW控件的某项或某些项? 怎样用VC设置在窗口区域内的鼠标形状? 如何在一个窗体的OLE控件内播放一个flash动画,不是另开窗口播放!谢谢! 名家好段摘抄要摘抄,一定要成段的! 英语题膜拜大神们 ★粗盐提纯★实验报告★名称 目的(?) 器材 现象(真奇怪 这个有吗) 结论(?)问题与讨论(问题为“提纯后的粗盐就是纯净的NaCl吗 还有什么成分 如何除杂质”)关键是 目的 现象 结论 求优美的文章,像《紫藤萝瀑布》这样优美的文章 膜拜各路英语大神 粗盐提纯的实验报告,写出实验器材,实验过程和实验目的 名人读书的故事,用来摘抄的.急用,作业,不然,玩完. 英语翻译Every Saturday night Mama would sit down by the table and count out the money Papa had brought home.Mama would carefully divide big groups for the housing,and food,and one or two coins for Nels or me -Katrin to buy notebooks.With breathle 铝酸的化学式是什么?还有铝酸铋怎么写的? 求名家作文用来摘记找一些名家的作文越多越好可以是北岛 老舍等等 作文字数不要太多通俗易懂 玻璃棒在配制一定浓度的氯化钠溶液与粗盐提纯的实验中所起的作用有什么不同? 如何从化学式上判断原酸和偏酸 如何提纯氯化钠中混有的硝酸钾 膜拜各位大神先,求几首好听的英文歌 ~ ~ ~ 含酸的化学式中一定要有什么 摘抄美文 带文章的题目和作者的名字. c选项为什么错 c 选项为什么错 高中语文名著摘抄5句 体育考了 D 其他是 英语B B B 综合素质A我是寒亭的 对氯化钠进行提纯.实验步骤为:①将粉末溶解在适量的水中;②往溶液中加入足量的氯化钡溶液;③再往溶液中加入足量的碳酸钠溶液;④过滤;⑤取滤液,往滤液中加入足量的试剂X,使溶液 提纯混有少量氯化钠的硝酸钾固体 C选项怎么错了? nacl的提纯结晶nacl时为什么不能一次蒸干,还要过滤后再蒸?先是加了hcl蒸到快干时又过滤了是什么意思? 提纯硝酸钾中混有少量氯化钠是将谁提出来 A,C选项怎么错了抗甲型H1N1流感的有效药物“达菲”可用莽草酸(化学式C7H10O5)制取.有关莽草酸的说法中正确是 A.该物质是由22个原子构成的 B.其中氢元素的质量分数最大C.氢、氧元素的 已二酸铵化学式表示 下列有关电解质溶液中微粒的物质的量浓度关系正确的是D.常温下,CH3COONa和CH3COOH混合溶液[pH=7,c(Na+)=0.1mol·L-1]:c(Na+)= c(CH3COO-)> c(CH3COOH)> c(H+)= c(OH-) C选项怎么错了,为什么 氯化钠的提纯与检验中的结果与讨论是? 高中化学 选项B为什么是错误的. 粗盐中含有MgCl2和CaCl2而带苦味和涩味.请你设计方案,尽量少地损失NaCl而使粗盐得到提纯. 销铵与销酸铵的化学式,及区别 高中化学,A为什么不对?为了探究常见金属单质M与盐溶液的反应,某同学进行了下列实验,实验过程及现象如图所示,结合实验现象判断,该同学得出的下列结论中正确的是( )A,加入的金属M不 粗盐提纯NaCl的流程是什么 氮酸铵的化学式 高纯度单晶硅做计算机芯片是因为其有良好导电性 粗盐提纯后氯化钠质量有没有减少 在初中里面,有多少个什么什么根,分别是?(还要其化学式,例如:铵根…),有多少个酸,分别是.(还要其化学式,例如:硫酸…) 求又能当高中语文摘抄又好看的小说 第五题第六题的化学式 碳氢酸铵的化学式为NH4HCO3,尿素的化学式为CO(NH2)2,试计算碳氢酸铵的相对分子质量 关于初中化学实验——粗盐提纯(疑问现象)今天在化学实验室做提纯实验,第一次失败了.我在操作几个步骤中,都是严格按照初中教材书上所说,溶解、过滤、蒸发、称量.可是在蒸发步骤时, 若检测到牛奶中的氮元素的质量分数≥0.46%,即为蛋白质含量检测合格.某种不合格牛奶中氮元素的质量分数为0.36%,若向1000g该牛奶中加入2g三聚氰胺,请计算此时牛奶中氮元素的质量分数.我 就化学式右上角了数字啥意思.譬如NH2顶上有个+2或者是2+是表示啥 将0.2mol氧化锰和50ml 12mol/L盐酸混合后缓缓加热,反应完全后向留下的溶液中加入足量硝酸银溶液,生成的氯化银沉淀物质的量为(不考虑盐酸的挥发)A 等于0.3molB 小于0.3molC 大于0.3mol,小于0.6molD 提纯粗盐的步骤和实验现象,结论, 初三化学求物质化学式试题解析 提纯含有少量硝酸钾的氯化钠固体rt 高一粗盐的提纯实验设计方案 要求是表格形式 步骤、现象、结论、化学方程式.表格形式表格内容有步骤、现象、结论、化学方程式 化学式练习题 (9 20:46:24)1.某金属的硝酸盐的式量为m,该金属相同价态的氯化物的式量为n,则该金属元素的化合价数值是多少?2.某有机化合物6g,在空气中完全燃烧后生成8.8gCO2和3g水,若该化合物 而要从含有少量氯化钠的硝酸钾溶液中提纯硝酸钾,一般采用什么? 粗盐提纯的步骤和现象rt 第4题和第6题. 当硝酸钾中含有少量氯化钠时,可用 法提纯硝酸钾 C,D选项求解释 如何写化学粗盐提纯的实验报告? 求名家美文摘抄!大约四段就够了,要有感受和评论,要写明出处………………火速! 求说明C选项正确的原因 粗盐提纯实验报告要详细一点的,其内容包括:1.实验目的2.实验仪器和药品3.实验步骤(现象)4.实验结果5.问题与讨论(误差分析)
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn