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

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

Apache Mesos联合创始人Benjamin Hindman:谈分布式应用现状 直觉不靠谱!使用移动应用分析的七个巧妙方法 屏蔽、挖角与丑闻,Uber的“创收神器”泡沫 蚁视科技发布会:三大产品与四大概念技术 盘点VS2015 预览版的5个新特性 低能的“智能” 你就是明星,第一届IBM RockStar正式启动! Kubernetes:Google分布式容器技术初体验 方法可以复制 AngularJS资源集合 那些年,微信走过的开放之路 从YunOS话阿里移动互联网云生态布局 Mobile First!苹果联合IBM发布10款企业级App iOS8.1.1越狱又惹急苹果!扒一扒黑客与苹果的斗争史! Firefox.html:用HTML重现Firefox UI Qt 5.4正式发布!引入WP,支持HTML5混合开发 2014智能硬件盘点第二弹!这次咱走暖心的 聚合数据资产,推动产业创新——2014中关村大数据日看大数据变现 拥抱开源:微软Windows 10宣布全面支持AllJoyn技术 改变App领域发展!友盟推“数据工场”战略,两款新品亮相 Cloudera正式登陆中国市场:与英特尔携手共助本土企业淘金大数据 Go 1.4正式发布 支持Android开发 【特别提醒】2014中国大数据技术大会门票全面告罄 不接受现场购票 累计4000万美元 Qualcomm在华投资5家公司 支持Android、WatchKit开发,全新RubyMotion 3面世! 快速开发移动医疗App!开源框架mHealhDroid 2014CVW﹒产业互联网大会解密未来20年 Nimble VR的收购与一封来自友商的感言 Google Earth API将在2015年12月彻底关闭 AR、美颜、机器人:计算机视觉库几乎无所不在 不激增,无爆收,年度最佳手游为80 Days带来了什么? 《近匠》机智云CEO黄灼:跨越智能硬件的“鸿沟” 100分:DataGrid能不能和視圖綁定,並自動進行多個表的更新,刪除工作?! win98和win2000字体显示问题 请教: 取当前的时间和日期是哪个类 怎样才能使数组的大小可变!!能有相同的功能也行。不一定要是数组!! 请高手帮忙 SQL数据库恢复问题 我用jbuilder5编译EJB为什么老有例外,md,急死我了 窗口列举的问题,请给点思路 时间比较问题 怎么禁止在CWebBrowser上点右键? asp.net中连接oracle9出现了这样的问题:ORA-12640: 验证适配器初始化失败,帮忙解决,在线等待! 如何做能变色的按钮? 用了就不放?,内存怪现象请教高手? 招聘的故事 用了就不放?,内存怪现象请教高手? 急。各位有没有NT高手呀!怎么配置NT下的IIS呀? 高分求救!!急!!关于无法找到动态连接库的问题。 xpmenu控件的使用! 招聘的故事 请问谁有《Visual C++ MFC 编程实例》这本书的配套源代码?(在线等) 如果我数据库里有一篇文章 怎么格式化她????? isapi中用ado访问数据库只能读不能写,何故?相同的代码在exe中可以 在对话框中建立一个socket连接,如何在释放对话框之后保存这个连接以备以后使用? 关于屏保程序的讨论 安装程序的BDE问题? 我创建了一个POPUP风格的窗口,如何去除背景? 和 Oracle 的连接问题(odac ) 帮忙看一下有什么问题!! 高分求救!!急!!关于无法找到动态连接库的问题。 指纹算法 Java Developer Interbase如何自动保存更新 请教数据库连接池的使用.... 不要以为你不骂人你的素质就比那些骂街的高了,如果你卖国那么你的素质比那些骂街的更低,因为你基本不具备一个人的素质了 哪位有有关Vtune的相关资料呀,提供链接也行,最好是指南一类的,3X。 编程几年了,没有希望,想改行,你们呢? 有谁做过“文物馆的文物或藏品综合管理系统”如能提供资料或动者!本人感谢! 入门时奇怪问题? 如何把*.IMG文件转换为JPG文件? 其实你不懂我的心 那里可以买到microchip的mcp2150 ,(要现货),比较紧急,请帮忙 关于对2进制文件的操作 将去做SAP ABAP4平台编程,用过的请进。up有分。 C的图形问题? 为什么我点进去看不到内容? 如何考中程 数据窗口控件为dw_6,其间的对象为D_PUR,我想使其中的图片框的VISIBLE属性变为FALSE总是有错误,请教:)在线等待 kylix2在RedHat7.2下的安装问题? 能告诉我吗????各位哥哥指点一二 数据库置疑问题,并不难?请进 关于串口通讯(向手机发送AT命令集) 高手请看:表格的终极问题 现代社会信息量越来越大,传递信息的速度越来越快,人们获取信息的途径越来越广.用恰当的词语连成一句话. 吸引金龟子 OH和NH4组成 ;SO4分别和Na、Ca、AL、Fe、NH4组成 ;NO3分别和Ca、Na、Al、Fe、NH4组...OH和NH4组成 ;SO4分别和Na、Ca、AL、Fe、NH4组成 ;NO3分别和Ca、Na、Al、Fe、NH4组成 . 作文:我挡住了诱惑 《吸引金龟子》阅读答案吸引金龟子 [林清玄] 吃哈密瓜的时候,我对孩子提起童年时代如何抓金龟子的事.我们把吃剩的果皮拿到树林或稻田,或甚至放在庭院的角落,到黄昏的时刻,就会 有许多 大一新生应该读些什么书为大学做准备拜托谈些有用的经验, 修改病句:据介绍,近年来随着我国原油进口规模不断扩大,使我国每年石油进口量超人过2亿吨,石油对外依存度已由2000年的30%上升至1212年的57%. 吸引金龟子这篇文章 人教版八年级生物“基因的显性和隐性”给讲讲呗易懂点. 现代社会信息量越来越大,传递信息的速度越来越快,人们获取信息的途径越来越广.(用恰当的词语连成一句话) 文章以“吸引金龟子”为题,读了课文,你认为真正吸引金龟子的是什么? 大一新生,准备考英4级 自学要看哪些书好? 法国.德国和西班牙的我爱你怎么说.怎么写? 拜草枯除草剂对鱼类有毒吗? 生物(基因的显性和隐性)问题在人群中,生来就惯用右手与生来就惯用左手(不包括后天的矫正和练习)是一对相对形状.父亲惯用左手,母亲惯用右手,他们生的孩子也是惯用右手的.请问,这 阿拉伯我爱你怎么写 除草剂在鱼塘边使用会影响鱼的生长吗?还有除草剂怎么配水使用?请看清题目再去找资料 来回答 请问我是大一新生,有没有什么英语方面的书适合我?我想考四级 “我爱你”在西班牙怎么说请个位帮我查一下. 这是什么鱼, 初二生物基因的显性和隐性没学好怎么办啊~如题,我完全不知道怎么算,好多问题都要算的比如说:AA×aa=?AA×Aa=?Aa×aa=?Aa×Aa=?aa×AA=?这些都是怎么算的啊?我需要掌握基因的计算公式.还有aa可不 某铁矿主要成分是氧化铁,含铁49%,1.求氧化铁中Fe元素的质量分数,2.该赤矿的纯度. 水厂用二氧化氯,还需要液氯吗?用二氧化氯消毒,氯酸钠和浓盐酸反应生成的氯气怎么处理? 大一新生该看些什么书?工科 专业外的东西也很想学还有对人生比较有教育的 给点书名吧 空间育种有吗 液溴和三氯化铁为什么不能用于饮用水消毒,而液氯可以 我们要在这次“科技月”活动中,养成一种爱科学、学科学、用科学. 怎么修改病句啊! 澳门被葡萄牙占领了多少年 悬梁刺股的是谁 苏秦 孙敬 “我对献身科学的青年们的希望是什么?”将这句话改病句 葡萄牙割占澳门多少年啊?是我的期中考试题(历史),是 300 还是 近400 我选的是 近400 只要告诉几年!>>>>>>>? 成语《悬梁刺股》的主人公是?我知道有一个是苏秦,还有一个是谁? 我们要在青少年中开展热爱科学.(修改病句) 葡萄牙帝国主义对澳门的统治! 悬梁刺股的这个成语说的历史人物是谁 修改病句“中学生是青少年学习的重要阶段之一.” 葡萄牙殖民者在澳门的统治时间是什么时候 印度洋中的凯尔盖朗岛属于哪个大洲? 请问二氧化氯、亚硫酸氢钠、次氯酸钠那一种漂白效果好一些 澳门为什么被葡萄牙统治?什么时间? “孙敬头悬梁 苏秦锥刺股”的启示 开盖好久的矿泉水喝了会怎么样 可不可能有邻二酮的存在那么2,3-丁二酮的两个羰基之间没有共轭关系呢? fe+ca(oh)2能反应吗 悬梁刺股中“悬梁”指的是谁 一立方米铁矿石粉等于多少吨(65品位) Fe和Hcl反应,无论什么条件,生成物都不变吗?Ca(OH)2和CO2改变反应条件还能生成什么? 一堆货物有120吨,用甲车运得用4小时完成,甲乙车运6小时完成.现在由甲、乙合运这批货物,需要多少小时? 求准备考英语四级如何合理安排时间,有效方式是什么,必须天天背单词吗?我英语不太好.第一次就考372分 请问卓越联盟自主招生语文和英语的作文和阅读理解的分值各是多少? 如何分辨生物中的显性基因和隐性基因? 考英语四级有没有必要背单词呢? NaOH,Ca(OH)2,Fe(OH)3是什么 2009年江西的大一新生英语四级什么时候考?什么时候报名?怎么报名? 下半年准备考四级.背单词应该背什么?手头有两本,一本四级,一本雅思分类记忆.背哪一本呀? 吸引金龟子 阅读理解(急!今天要用)吸引金龟子 [林清玄] 吃哈密瓜的时候,我对孩子提起童年时代如何抓金龟子的事. 我们把吃剩的果皮拿到树林或稻田,或甚至放在庭院的角落,到黄昏的时 Ca(OH)2+Fe(no3)3= 原油进口权的文字定义是什么?在中国,弱一家企业获得了原油进口权,对这家企业意味着什么? 凯尔盖朗岛属于哪个大洲? 是 头悬梁 锥刺股还是 头悬梁 锥刺骨?好像两个都有标准的是那个?
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘