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

2013年 影响Web发展的5类API

HTML文档下载 WORD文档下载 PDF文档下载
本文作者Alex MacCaw是一名JavaScript程序员,O'Reilly作者,目前就职于Stripe。他认为,在接下来的一年,Web领域将会有越来越多的储技术蜂拥而至。甚至可能会有一些技术,从根本上改变我们如何使用Web及开发Web。然而API在这个过程中将会起着非常决定性的作用。

众所周知,科技和虚拟世界都在快速发展,当市场上出现一个新发展趋势的时候,作为Web开发人员首先应该想到这些新趋势何时会运用到Web开发上,并且把这些新元素运用到自己的项目中。

在接下来的一年,Web领域将会有越来越多的技术蜂拥而至。甚至可能会有一些技术,会从根本上改变我们如何使用Web及开发Web,然而API在这个过程中将会起着非常决定性的作用。

CSS定制过滤器

CSS定制过滤器(CSS Custom Filters)已经在Chrome和Safari上实现,允许你定制一些高级样式,例如模糊(blurring)、弯曲(warping )或修改元素的颜色。然而,这仅仅是个开始,CSS定制过滤器允许你在GLSL上编写自己的片段(fragment)和顶点阴影(vertex shadows),在过去10年里,它已融入到传统的3D渲染/透视语言中。

这就意味着你可以创造出一些非常奇特的Web效果。结合CSS transitions可以制作出非常漂亮的转换(transformations)、卷页特效(from page curls)、折叠元素。

所以,你打算什么时候使用?Adobe首创了这项技术,另外Custom Filters已经在基于Chrome的flag上使用。期望明年年初能在Chrome上见到它们。现在,你可以在Canary上体验一翻。

Autocomplete API

这个API可能会从根本上改变网络的注册和支付方式。Autocomplete API让表单填写更加容易,提供一些数据规范指导。

今年6月,我提出了一个API,以编程的方式在浏览器端自动检索填充的数据存储。这意味着可以代替大多数的一键式注册和一键式支付形式,极大地提高了可用性和转换率。

Chrome团队已经致力于这个想法并且于10月份提交了一份建议和补丁在WebKit上。另外,与Mozilla Persona的配合可以给网上注册和支付带来根本性的变革,这真是让人兴奋的事情。

虽然这些背后工作都已完成,Chrome仍然需要使用UI去集成实现,估计明年年底即可与大家见面。

Google Chrome Apps

倘若告诉你,Google已悄悄研发一款跨设备的操作系统,包括笔记本和手机,会怎样?Google决定在现有的操作系统上构建它们自己的平台,通过构建独立的OS与Miscrosoft和Apple竞争。该平台的名称叫做Chrome。

目前所做的第一步工作就是分布(distribution),Chrome现已拥有超过3.5亿用户。第二部就是扩展Chrome的API,使开发人员可以对操作系统进行更深入的访问,并且取代传统桌面应用的需求。

几个月前,谷歌悄悄发布Chrome Packaged应用,它可以帮助开发人员通过Chrome轻松构建桌面应用程序。他们可以从Chrome Web商店中进行一键式安装,可以使用USB、蓝牙和UDP套接字或者桌面快捷键访问系统API。这些应用程序完全是跨平台的、独立的出现在本地的。在许多方面,这种混合组合可以带来更好地Web和桌面世界。

ECMAScript 6

ECMAScript 6简称ES6。在下一个版本的JavaScript中会有一些令人兴奋的扩展与修改,解决语言的一些丑陋部分并且提供一些新特性,比如默认参数和重组。

在该版本中,类被提上日程并且添加了完整的继承和Mixins。而不是单纯地模仿CommonJS或AMD(AsynchronousDefinition)模块,ES6使其成为一等类,灵感来自pythonesque这个导入系统。

此外,ES6中有一部分会让人非常兴奋——ES6代理。ES6代理可以让我们在运行时对函数名进行动态查找,类似Ruby的method_missing功能。结合getters和setters使各种DSL和API变的有趣。

ES6生成器(generators)会完全改变JavaScript异步的编写方式,而不会像以往回调意大利面条式代码那样,我们可以使用同步API的yield关键字调用异步函数。看看task.js这个例子:

  1. spawn(function*() {  
  2.   var data = yield $.get(url);  
  3.   $('#result').html(data);  
  4. }); 

你也许在使用Ruby的Fibers时看到过类似的API,个性化的回调着实让人头疼,尤其是在MVC节点应用程序中编写事件时。我一直在使用Ace这个库体验Node延续。

目前,大部分的ES6在Chrome的flag下体验实验版的JavaScript。它将于明年初发布。你也可以通过Node的--harmony命令行选项立即使用ES6。

Web Components

Web Componets和Shadow DOM揭示本地元素是如何在浏览器中进行内部创建。使用该API,你可以定义自己的HTML元素,包括该元素的样式以及具体行为。和本地的HTML元素,它们可以被嵌入到一个单独的标签中。

Web Components可以转换JavaScript库的编写和分布方式,它们可以完全解耦、易于集成。这也是我和Jacob编写程序包管理器Bower的真正原因。

例如,我编写了一个超实用的地图组件,把它添加到包管理器里面,其他开发人员可以通过一个标签就可以把该组件集成到他们的应用程序中。各个组件是彼此分离的,它们的HTML、CSS和JavaScript可以从一个自定义标签中抽离出来。

展望未来

这些Web API将需要些时间逐步过渡应用到其他浏览器上,Webkit的市场份额也驱动着浏览器厂商提供各个API的解决方案。事实上,HTML5从功能转变成产品的可行性并不需要太多的时间。为了向后兼容,这些API都可以poly-filled或者逐步削减/降低其重要性。

对于Web来说,2013又将会是个不平凡的一年。

相关阅读:

Web开发者必知的8个超实用API

API对未来搜索引擎的影响:会逐渐替代Web吗?

API会颠覆传统的商业模式吗?

请关注@CSDN研发频道微博,了解更多精彩内容!

来自:5 APIs that will transform the Web in 2013

两年测试,NSA或将让其数据中心洗上油浴 【云先锋】数云:另类淘宝创业,瞄准背后百万卖家的数据挖掘 Xcode 6 GM、6.1齐出,Swift终迎1.0版! 我眼中的Devops——倍道而进! 英特尔物联网世界:提供开发工具包,实现万物互联 三十功名尘与土——我的程序员生涯自白 触摸未来:为什么说AR是未来最重要的人机界面? 科普:谈云计算中间件理念 能准确“猜透”玩家心理,深度学习让游戏更智能 阿里过程改进专家:看板核心在于拉动式管理过程+数据化支持改进 英特尔Edison全面上市,专为小型可穿戴设备设计 APM最佳实践:Web 2.0和AJAX四大优化战略 开放•创新•共赢 2014华为开发者联盟沙龙即将开幕 排名前十的SQL和NoSQL数据库 干货议题,中国互联网安全大会免费门票等你来! 【云先锋】红象云腾:Hadoop将和高铁一样改变我们的生活 IDF 2014上开发者最应关注的三件事之:原生应用兼容性篇 《近匠》WRTnode创始人罗未:OpenWrt,下一个时代的Android AMD爆新一代架构,代号Zen! 【问底】严澜:数据挖掘入门——分词 顺丰集团IT副总裁徐庆强:信息化技术支撑高质量服务 【CTO俱乐部走进雅虎北京全球研发中心】活动图文实录 病毒式传播到商业价值,Docker开创以开发者为主导的商业模式 一周消息树: Windows 9系统截图大量曝光,一起来看看它长什么样! 腾讯李朝晖:不移动非互联,投资关注四大领域 【问底】Yao Yu:谈Twitter的百TB级Redis缓存实践 “OKCoin与你·北京一夜”:共商比特币可持续繁荣之道 苹果再发力:推Apple Pay,或将引发新一轮支付变革 CausalImpact,谷歌开源的R时域因果关系分析工具 腾讯云总裁陈磊:互联网和传统企业互联网化是主线 不得不看,苹果Pay技术大起底! 有没有开发Applet的RAD开发工具? 我手工添加Applet设置按钮位置的代码太麻烦了 mysql 和 mysql max 版本的有什么区别? ie6.0支持xml吗 请教大量二进制数据在内存中的存放(马上给分) 请问如何用winsock传送jpg图片文件到客户机? 关于查询表的问题: 一个几何判断的问题 请教一个关于cgi:perl与数据库连接的问题。 embed sql 如何在SQL语句中使用中文字段名? Vs.Net的正式中文企业版(正版)多少钱?连邦/赛乐氏/微软中国居然都没有报价,真是!◎#¥%……※×( 11111111111111111111 VB中通用对话框的问题(急!!! 100分!!!) 我想将word文档插入dbrichedit中,听说可以用ole对象,该怎么用呢? 为什么是乱码???高手快请进来,100分 我该怎么走? *.rar文件用什么软件可以看到 请教各位一个算法思路 急救,需要像QQ上的,或者金山毒霸2002上的pager control,就是滑动的那个control 多文档应用的界面设计问题 编写数据库应用程序时出现error:BLOB has been modified。请问如何解决? 编译出问题了啊!??! 一个不该在这里出现的问题.. 但我实在找不出比这个更厉害的高手了..sos.. 有错吗??? 谁知道VS.NET中文版的CD-KEY? 怎样把用autocad14画的图给加栽到一个基于单文档程序中!! 一个很老的问题,但我不得不问,我很为难呀 怎样改变一个CPropertySheet的字体? 很幼稚的问题...(肯定给分) 看书发现的两个概念性问题,可能很简单,请说的详细一点!多谢帮忙! 用UDL连接数据库的问题???奇怪 哪位老兄有修改网卡mac地址的冬冬? 高分寻找:*.mp3转*.rm的软件。 为什么不能执行?高手请进! Access导入到SQL,可以导入ID字段的吗? 头疼的问题!!!!!!!! 还记得那首老歌吗? 如何获得窗口任意位置的被选文本 先有编译器还是先有语言? 怎样使StringGrid中的某一列不可见? 如何遍历select下拉菜单中的内容,并显示在另一个select菜单中?(在线等待) 请高手指教:怎么创建动态链接库,怎么用动态链接库,我是一个初学者,唯有的50分全送出去请教此问题 有谁能帮我?我用OpenDialog找开数据库文件,只能打开一次。再次打开或打开另一个数据库文件,就会地址出错,why? 转让书刊 this->GetParent()->ShouWindow(SW_MIN..)最小化以后,却不能点击任务条还原,怎样还原 JBuilder如何产生Make文件? 如何使listbox的两列显示对齐? 如何在自己的主页中添加代码??用来污染IE的,到底是加在哪个位置??//最好写具体些!!! 关于图片存入数据库的问题 请教大量二进制数据在内存中的存放(马上给分) 讨论:有关tomcat的解释顺序的问题. 《超级立方体》这部电影共有几部 英文谚语 rain cats and dogs 的汉语意思是 为什么猴会变成人 电热毯在宿舍能用吗 4.英文谚语"rain cats and dogs"的汉语意思是 . 调查一下邮政编码“563800”中,从左数每位数字各表示什么? 我是个男生,我的英文名能叫[HYPERCUBE](超级立方体的意思)吗? 为什么高一物理逐差法中 S4-S1=3at*t S5-S2=3at*t S6-S3=3at*tS4-S1=3at*t中的3是哪来的? 为什么猴子会变成人呢? 求N维超级立方体定义rt……我想要抽象的定义,不要给出像P(x1,x2,x3,x4)这种公式化的答案, 汉语拼音中韵母到底有多少个? 邮政编码563800 中.从左数每位数字各表示什么? [异次元杀阵2-.超级立方体] 最后那个女的跳下去,回到了现实中,怎么回去的?把整个故事的来龙去脉都说一下.请再推荐个好看的电影!我喜欢科幻的!要中文的!如果不是中文的,一定要带中文字 邮编156500从左到右起,每个数字各代表什么 已知一个N2O3分子的质量为ag,一个 N2O5分子质量为bg,若以氧原子质量的1/16 作为相对原子量标准,则NO2的相对分子质量为什么不能用b-a/2算O原子质量,用b+a/2算NO2的质量为什么不能用b-a/2算O原子质 谁知道异次元杀阵2之超级立方体的结局是什么? 已知大写字母“A”的十六进制ASCⅡ码值为41,则大写字母“X”的十六进制ASCⅡ码值是( ) A、58 B、59 C、64 D、65 我同学说他的GRE老师怎么样怎么样,GRE老师是什么意思 拼音韵母都有什么 已知大写字母B的ASCⅡ码的十进制表示是66,则大写字母Y的ASCⅡ码的十六进制表示是多少?如题,请告诉我是怎么算出来的,虽然我不知道是怎么算出来的,但是,抱歉,一楼的答案是错的. 经过老师的讲解,使同学们都明白了这个寓言故事的深刻含义.改病句 请问拼音韵母都有什么 设字母A的ASCⅡ码值是41H,则字母C的ASCⅡ码值是多少? 如何选择电阻作保险丝,我要开关电源的输入电压是230V,输出6W,那么保险丝式电阻怎么选择呢,就是说怎么选择电阻的阻值和功率 魔兽里的S1.S2.S3.S4 是什么意思啊~?~~T1-T6我知道,S1-S4这些装备哪些是JJC装,哪些是ZC装?可以给我讲解下吗?越详细越好.各种装备的优点,缺点也说来听听.哪种装备更厉害 汉语拼音中韵母到底有多少个? 用经常、张老师、我、小红、同学、语文、帮助、知道、学习,组成四个意思不同的句子. 跑跑卡丁车里面的S1 S2 S3 什么集气速度变快?是在不用加速器的情况下开的比以前的快,这我都一年多不玩了 邮政编码136500中,从左数个数字分别表示什么 大功率开关电源保险丝选取有什么特殊要求一部1000w的开关电源为什么保险用的是30A/BS13826*30 什么字可以和日,星,求,间组词 已知1个N2O3分子的质量为akg,1个N2O5分子的质量为bkg,已知1个N2O3分子的质量为akg已知1个N2O3分子的质量为akg,1个N2O5分子的质量为bkg,若以1个氧原子(16O)质量的1/16作为相对原子质量的标准,则NO2的式 作文课上,老师要同学们写一件最有意义的事小明把一件事写好后觉得时间还早他接着又写了一件事.(看问补)老师给他的批语是画蛇添足.请问句中的蛇是指什么,足是指什么.画蛇添足在句 性别男 性向S 性质H 一个N2O3分子的质量是a克,一个N2O5的质量是b克 ,若以氧原子的1/16作为相对原子质量的标准 则NO2的相对分子NO2摩尔质量=[(a+b)/4]÷[(1/16)(b-a)/2]=8(a+b)/(b-a) 这步是怎么来的、 一个N2O3分子的质量是a克,一个N2O5的质量是b克 ,若以氧原子的1/16作为相对原子质量的标准 则N2的相对分子 用星字组词 ASCII 码表中大小写字母的代码相差32 现在已知:字母A的ASCII码是65 则字母h的ASCII码用十六进制表示是:A:104H B:68H C:72H D:48H 开关电源中的RCD峰值吸收回路的工作原理是怎样的主要讲一下吸收的过程,请讲详细点. S属性和M属性是什么?就是那个ACG文化里面的 十六进制中的F代表什么数字 开关电源,电路中尖峰脉冲吸收回路的电阻阻体与散热片打火会有什么现象!开关电源,电路中尖峰脉冲吸收回路的电阻阻体与散热片打火会有什么现象,尖峰脉冲吸收回路的电阻阻体与散热片 星字组词 已知英文小写字母a的ASCII码为十六进制数61H,则英文小写字母d的ASCII码为__? 黄历上说 “岁煞南 猴日冲(壬寅)虎”什么意思本人男 属虎 想2011年8月21日结婚 挑好日子了可是黄历上写的猴日冲(壬寅)虎 可以么 汉语拼音中有多少个韵母? 6位十六进制数000000表示的颜色是什么 猴日冲虎是什么意思 已知{an}是以a为首项,q为公比的等比数列,Sn为它的前n项和,当S1、S3、S4成等差数列时,求q的值 《 想变成人的猴子》简介 黄历上的运势怎么理解?猴日冲虎,2014 年 1 月 31 日星期五农历癸巳蛇年正月小初一日宜除服,疗病,出行,拆卸,入宅忌求官,上任,开张,搬家,探病吉青龙 明堂 金匮 天德 玉堂 司命凶天刑 朱雀 白 等差数列{An}的前n项和为Sn,已知S3=a2^2,且S1,S2,S4成等比数列,求{An}的通项公式 猴子是怎样变成人的呢 冲虎(戊寅)煞南 拼音中有多少个韵母?拼音中有多少个韵母啊``硪忘记暸``拜托大家喇`` 猴子为什么会变成人 冲猪、刑猴、害虎)冲猪(己亥)煞东什么意思? 用英文解释“rain cats and dogs”的意思要简练 邮政编码“563800"中,从左数每位数字各表示什么? 已知一个N20分子的质量为n kg ,一个N2O3的质量为m kg.若以一个氮原子的1/14为标准,求氧原子的相对原子量
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘