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

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

VB利用 窗口函数监视系统的运行情况(VB类) VB判断是否在VB5环境下运行 VB判断一个32位程序是否结束 VB判断一个程序启动完成(不是结束) 屏蔽TextBox的系统菜单 -VB资料 启动时禁止装入 Add-Ins -VB资料 让Timer控件每5分钟触发一次事件 -VB资料 让程序启动快一点 -VB资料 VB如何调用系統的【查找】、【替换】的对话框? VB如何动态新增、移除 ODBC DSN? VB如何读取 Picture 内任何一点的颜色值? VB如何获取硬盘卷标、序列号和文件系统类型? VB如何判别程序是在Win95或NT下执行? VB如何启动控制面板? VB如何取得磁盘序列号? VB如何让Window不接受键盘输入及Mouse Click VB如何让程序拥有多个热键? VB如何让用户自行输入方程式,并计算其结果? VB如何使程序不在Ctrl+Alt+Del弹出的对话框内? VB如何使用 VB 编写自动反安装的程序? VB如何用VB建立快捷方式 VB如何用VB在桌面建立快捷方式 VB如何在 VB 中控制 Modem 行为? VB如何在VB中判断Windows9x的运行模式 VB如何在Visual Basic中实现异步执行程序 VB如何在开机时自动更换墙纸? 使回车具有 Tab 的功能-VB资料 输入时,自动转换成小写? -VB资料 显示多媒体信息 -VB资料 也谈Windows 下的自动存盘 -VB资料 一个小巧精致的CPU监视器 -VB资料 请问如何选择录音的输入设备?比如wave输入,线路输入,麦克风输入等等 一个联动问题,简单不过了 我建的層為什麼層下的對象也透過來了,設了背景也沒用,有什麼辦法不讓層透明嗎? WinForm里面是怎么实现:“数据已经被修改,是否保存的”?? 呵呵!兄弟送分来了!!vb实现两个小case/kiss(马上给分) Tomcat 4.1.18运行什么命令后,可以设置成为w2k中的一项服务? (在线等)从广播地址某端口接收数据前,如何判断该端口有数据? 我為何沒有csc程序 kdevelop开发文档 如何获取出错信息 关于水晶报表!!!!!!!!!!!!!!!急! 散分 我刚开始学asp,谁能告诉我这段代码有什么错误?请各位大侠帮忙啊,有大分! 寻一女友:发展方向——老婆! 什么是nt service编程 有关串口编程 请教: DDL事件审计的问题。 自定义组件问题,急! 怎么用Ctrl+A 来触发一个按钮的click事件? 急问:vba用ado对access操作,2000下能用,98下不行,要疯了! 关于数据库服务器的费用预估 注册表和主页的问题!!!!!!!!!!!! 我熟悉C++,请大家推荐几本学习JAVA的基础书! vc转java,怎么转啊。 成语接龙----大家一定要做最长的水贴!!!!!! 打算攒台电脑, 请水友帮忙推荐一个 主板(集成声卡)+ 显卡 , 谢谢 ASP新手请教——动态显示的问题 再开一贴,请同行帮忙,也是100分 如何在DataGrid中处理光标离开某个Cell时的事件? [提问]请问哪里有象记账凭证现金输入式的控件?! 谢谢。 怎样在win2000下隐藏linux的分区? 如何查看表的定义及约束 控制条与对话框的问题 那位老兄有<windows防火墙与网络封包截获技术>的光盘,我光有书,没盘 請問怎樣獲得本頁的文件名(除文件名其他部分都不要﹐包括在框架中使用正確) ForBeginner(No.1):Keyword->RedHat8中文显示,AC97,xmms播放mp3 哪位大虾帮我看看这段代码,不胜感激 能否在JSP,Servlet中用asp(js)写的页面 浏览器被黑--恶意加锁:win98的ie 5.5浏览器打开时出现“分级审查窗口”,必须输入正确的密码才能使用? 请教一个关于微软件的.net开发环境的问题?! 有谁用过“微软公文盖章系统” 50分悬赏||____||一个常识问题 java界面控制 有关ASP+ACCESS的查询数据出错,报错 “超出系统资源。 ” java界面控制 求一用php实现压缩/解压缩的程序. 请问在WORD200中有什么好的方法在下划线中输入文字,而下划线不随字体而改动? Excel中保护工作表? 请问使用16倍速的刻录机能刻32倍速的盘吗 MYSQL如何实现自动删除数据库中的记录 紧急提问:CB中那些类用.操作符 有关朊病毒朊病毒的遗传物质真的是蛋白质吗?我一高二的都知道不是拉 奶糖每袋10分之3千克,每千克18元,买了5袋奶糖,应付几元? 如何写好发言稿 朊病毒的来源朊病毒疾病(又称可传播性海绵状脑病)是一类引起人和动物神经组织退化的疾病,包括人的克雅氏病(CJD)、震颤病以及动物的疯牛病(又称牛海绵状脑病)等.多年来,人们对 为什么有些人不会拼音打字而会五笔打字呢? 演讲稿怎么样写好 如右图,为了测定河的宽度,在河岸取定基线BC,其长为a,在河对岸取顶点A,测得∠ABC=α,∠ACB=β则河的宽度为 有没有勤学苦练成才的例子 甲乙丙三个体积为V的实心物体浸在同一液体中,甲浸没V/3,乙浸没V/2,丙露出V/3,则ρ甲:ρ乙:ρ丙=? 关于朊病毒 怎样才能写好演讲稿?其实平时写作文还是很有文采的.可到了演讲稿上就卡了壳,不仅不出彩,而且写的根本就是不适合演讲的一张堆砌的词藻.不知……能不能传授一下写演讲稿的经验啊? 甲乙丙三个实心立方体◆分别放在水平地面上,他们对水平地面的压强相等,已知密度甲大于密度乙大于密度丙,若在三个上分别放一个质量相等的铜块,则三个立方体对水平地面的压强大小关系 求测量小河宽度的方案我这里有一种方案,大家参考下.先在河岸边任取一点A,再在河的另一边取两点B,C,使得角ABC=45度,角ACB=30度.量得BC长为20米,求小河的宽度.要求是求完小河宽度之后再设计一 怎样写好演讲稿 三个体积相同不同材料制成的实心铁球甲乙丙,放入同一种液体中,最后静止,如图所示,他们的自重大小求他们的浮力、密度、重力大小比较,不求 阮病毒与阮病毒蛋白有什么区别 勤学苦练的故事及其评论 植物无性繁殖的特点? 为测小河的宽度,先在河岸边任意取一点A,再在河的另一边取两点B、C,测得∠ABC=45°,∠ACB=30°,量得BC为20米 (1)求小河的宽度,结果可保留根号 有关勤学苦练的名人故事 时间是变化的财富.时钟模仿它,却只有变化而无财富. 如图,为了测河的宽度,在河岸上取基线BC其长为m,在河对岸取定点A,测得角ABC=a角ACB=b,qi求河宽 有哪些勤学苦练的故事, 时间是变化的财富,时钟模仿它,却只有变化而无财富 的意思 郎咸平说怎么了 写笔袋的说明文 不用钟表计算还能用什么物体来计算时间 关于勤学苦练的谚语记住是谚语 急求介绍我的学校的说明文,600字!不要太深奥的!我学校:沙市六中,最好是写本校的 一本书看了三分之一后,小明又看了20页,这时已看与未看页数的比是7:8,这本书共有多少页?星期一要交,过程也要写出来 新炸出的花生油应该用什么桶装质量会好一点? 手艺需勤学苦练的熟语或谚语 盐 硫酸 酒精 酱油 醋 花生油 属于导体的是哪个啊 学英语音标有什么用? 愉树用什么农药能药死它必须一次药死. 求一篇有关于人生格言的演讲稿本人星期1要求演讲!要在讲台上是引用一个故事说明一个格言然后联系到自己!不要那么抒情的就好像是在升旗一样那种!不要那种!就当是讲个故事说明道理那 ph试纸、ph值、离子积常数是什么? 修一座10米长、桥面宽5米、桥离水面3米的混凝土桥大约需要多少钱?(广西) 超市把15.6元/kg的穆糖16kg、22.4元/kg的奶糖15kg、12.8元/kg的水果糖25kg混合称什锦糖出售,这种糖应卖多少元/kg?(结果保留一位小数) 我现在读初三 英语等于文盲 音标什么都不会 我想买一些李阳的书 谁给我推荐些最好是 疯狂系列的 据中考只有俩个月了 我脑子 学数理化转不过来弯 可能我基础太差 明年复读一年 不过今 八米长的桥,四米宽过30吨要多少预算吗? 你连拼音都打出来了用英语怎么说 初中生如何避免被同班同学欺负,注意,方式要正当,符合法律、道德要求.我是一名初二的学生,我们学校是一个差学校,有很多烂仔,差学生,他们不思上进.我们班有42个人,其中有三十个是差学生, 《钢铁是怎样炼成的》的主要内容,感受,收获是什么?字数不要太多! 给碌碌无为编个成语故事 关于勤学苦练的成语和名言警句请写出几句含有“勤学苦练方能成才”道理的成语和名言警句.(越多越好, 什么的滋味作文800字 有三位小朋友参加投篮球比赛,第一位与第二位平均投中17次,第二位与第三位平均投中20次请问第三位和第一位相差多少次? 有关勤学苦练的格言、警句、谚语越多越好! 从一篇发言稿谈如何写好人物介绍 甲乙两位同学进行篮球比赛,甲投中了20次,有一次没有投进;乙投了60次,中了56次.谁的命中率高? 郎咸平经常讽刺宋鸿兵的理论.宋鸿兵对郎咸平的看法是什么呢? 如何处理经常迟到的学生呢?高一年级,早上老是迟到 中国的人口密度是 宋鸿兵生日 宋鸿兵生日现在宋鸿兵算是个名人,但网络上关于他个人的信息很少,只知道他是1968年出生于四川,具体是哪个市都不知道!在这个网络先进的时代,如果连一个名人的出生日期都不知 如何处理迟到的学生 怎样让选择题的命中率高些就是我做选择题总是很快但是没啥效率 朊病毒是什么?朊病毒由蛋白质构成,那么蛋白质是如何有遗传效应的?由于蛋白质不稳定,易变性,朊病毒应该很容易被生物体杀死,那又怎样达到侵染生物体的目的呢?还有,朊病毒蛋白质如何指 怎么写好《祖国在我心中》 演讲稿非常急啊! 巴基斯坦一亲政府部落长老与6名家人被中国拟规定城镇更新须经项目区内90%签证系统落后致损失57.9亿元 澳旅普京与国际奥委会主席参加索契火车站开法国奥塞美术馆打破艺术禁忌举办“裸男西班牙一煤矿瓦斯泄漏致6人死 直升机浙江环保人:做守护碧水青山蓝天的忠诚德国农场主检查马厩 发现自家马匹驮回瑞士引将进新技术 加强政府成员通信安日自明党提议福岛核电站追加除污费应由英媒称中国应对气候变化态度积极 民众巴基斯坦一亲政府部落长老与6名家人被统计显示韩国“女大男小”婚姻比率逐渐分析称受教育程度越高越易于维持婚姻长促招商引资 奥巴马向外国投资者“推销泰国代孕黑市剥削孕母 酬劳低至5.8美国加油站员工遭枪击 子弹打中手机躲为表彰军犬贡献 美军方为军犬设国家纪全球首次大规模男性裸体展 法国美术展日本一男子摔死1岁女儿 只因其哭闹不巴基斯坦一亲政府部落长老与6名家人被火苗蹿七八米 货车成空壳荔城区前11个月节约资金406万上下前牙合不拢 连面条都咬不断打这电话 可问舟舟病情教师成“配角”学生唱“主角”车牌被卸 小偷留电话要钱中铝原总经理被开除党籍房祖名被公诉 最高获刑3年双色球频爆超值大奖首都机场鼓励短途飞机转移至天津、石家等施救被追尾 司机摔出车外要带孩子走 乞丐被指伤人三成业主不交费 逼走物业“三九贴”治冬病已开贴患了青光眼,药物治疗还是做手术?金正恩奥巴马明年聚首?中瑞国际影城(红星店)首尔大学 教授性骚扰9女生女生重走恋爱路求前任“再爱一次”福州园中新苑小区 4辆小车一夜被砸从10楼接线 敢放心充电?
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘