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

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

同行代码审查实战分析 在Swift中使用JavaScript的方法和技巧 增强用户体验 让网站和APP更具动感的几点建议 《近匠》蒲公英:一站式免费应用内测平台 用Swift开发iOS 8新应用:斯坦福免费课程上线iTunes U Swift开发必备技巧:static和class的使用 你可能没听过的11个Python库 移动Web技术的春天来了?Facebook发布React Native,用JavaScript开发移动原生应用 开发不易!2015年移动应用开发趋势总结 .NET开发者必备的工具箱 热情不减!七款Swift应用开源项目推荐 如何给苹果提交Bug或功能需求? 深入钻研Augular两年 谈谈其究竟适用于哪些场合 唐巧:谈谈React Native 在Swift中,如何更优雅地处理网络返回数据? Spark生态系统解析及基于Redis的开源分布式服务Codis 阿里巴巴技术专家杨晓明:基于Hadoop技术进行地理空间分析 Bowery为什么放弃Node.js,转向Go? 《近匠》有了APM,用户快到碗里来——专访听云CTO Wood 联通WO+梦工厂唐敏:走进厦门 构建移动数字生态 HTML5 VS 原生,世界究竟是谁的? 完全开放 微软开源.NET Core的执行引擎CoreCLR Swift与Objective-C的兼容“黑魔法”:@objc和Dynamic 网络技术,从“数制”开始学起——跟随王达老师一步步学习 UPYUN CTO黄慧攀:UPYUN这些年,一段“刚好”的旅程 2015移动游戏重中之重:需成功把握1%付费用户的心 UNITE 2015 BEIJING 20大议题首爆 死路一条?智能硬件免费没有未来 APICloud推出“模块 Store” 公布APP创业 “Time to Market”战略 极路由加入海尔U+联盟 可跨品牌控制多款家居设备 《近匠》Amaze UI:做最懂中国程序员的开源HTML5框架 怎样才能买到 外文期刊??? 如何将一屏显示不下的文档打印在一页当中(CHtmlView) 请问《程序员》杂志上的那几本外文期刊怎么买??? 我下载了几个rar文件有*.rar\*.r01\*.r02等等,可是这个网站没有提供合并文件,忘了怎么合并了,谁知道快告诉我。copy *.rar+*.r01不管用 请教在线的高人(在oicq上吗?) 我是白痴!大虾,什么是专家分,怎么得,有捷径吗???????????? 图形化界面问题!控件与窗体不重合! 书上的东西我看不董,是关于PB70与COM/MTS的,COM/MTS是什么,谁能告诉我? 怎么样能解决死机的问题? 跟帖比聊天有意思多了,哈哈 过去了,就不要再提 灌水乐园,我的MUD练功场 StringList 与 String的区别 为什么我的组合筐里只有最后的项,即"交叉线",没有其他的内容? 关于Tmemo 共享软件的开发经验 部件(Crystal Repot)引用错误(crystl32.ocx),请高手指点,,谢谢 无数个问题之123 steps你有oicq吗?壮丁!!!sos 怎样将数字字符转化为数字呀? WIN98下能读的光盘到了WIN2000/NT下居然读不出来! WIN98下能读的光盘到了WIN2000/NT下居然读不出来!(我的光盘是刻录的) 我不想要分(也许我只是个女生) 40分=一网址:那儿有Effective C++ 2e电子书? 如何在菜单中加入下拉框?像delphi的那样. 怎样用vb程序实现监控打印机打印输出情况 大家评出水园最有人气的mm,我给分啊,行动要快啊~~~~~~~~~~~~~~~~~~~~明天晚上7点结贴 编译servlet文件出错!急!!!! 寻觅朋友(用delphi优先) 我希望能认识安徽的程序员~~~~~~~~~~~~~~~联系:6011458(OICQ) 很长时间,我还是觉得这是一个事实! javascript中怎么进行数据类型间的转换? 关于非文档视图结构程序的菜单 寻delphi兼职程序员,要求比较懂数据库,多劳多得,不劳不得,报酬从几十元到几千元不等。 在程序中更改Filter to lastlove(☆)robin(★) 关于《深入浅出MFC》电子书 SOS:秦皇岛的小男孩胡颖1岁胡颖1岁8个月,得了白血病,希望大家帮助他,留住他的小生命 所有武大的GGDDJJMM进来报名 所有深圳的GGJJDDMM报道 请各位汇编高手看看这个程序,帮忙找一下错误。 无法安装REDHAT LINUX? inet控件怎样使用?请帮助 今天卖到一套D版VS7(6CD)不知道是真是假 如何读取注册表下某一键值? 一个语法错误,搞得我半天还没有弄出来!!!!!!!救命啊。 关于DCOM。 哈哈!我胡漢三又囬來了! 水园巨无聊,偶没时间的时候大家打的热闹,有时间的时候却又没人打,浪费偶这沙场骁将 如何判断Windows是否启动了“活动桌面“,并在程序里启动或关闭它??? 大家救命,关于COM+和EJB,大家快点帮忙,要不我就完蛋了,急死我了,救命阿。 判断下列词语的词性1.我曾屡次发现,每当我感到前途迷茫而灰心丧气时,只要记住很久以前我在那座小悬崖上所学到的经验,我便能应付一切.我() 曾() 屡次() 发现() 当() 感到( 新东方的四级单词书,应该如何选择?额,听说有好几种,哪一种拿来背单词是实用的呢? 找一些英语水平差不多的小故事,找了给100分!要6分钟左右,有情节性 如何判断汉语词性 推荐一本英语六级词汇书不知道六级大纲上有没有词汇?最好词汇书包括大纲要求的词汇.上次六级421,晕.这次一定要过, 要在3分钟内,要简短,要好记.要有中文 如何判断一个词语的词性 什么六级词汇书比较好,要有满足2个要求,一是有例句,二是不能按字母的顺序排列 英语小故事五年级给5个英语小故事最好有点战争成分要中文 判断括号词词性1 这(朦胧)的桔红的光,实在照不了多远.( )月色便(朦胧)在这水气里 ( )2我们很快就要在全国(胜利)了 ( ) 这个(胜利)将冲破帝国主义的 请推荐几本好的英语六级词汇书. 五年级英语小故事, 老师这个词是什么词性? 推荐一本六级词汇书请推荐给我一本最新(2012)的六级词汇书,要求单词下面是有那种例句(从历年真题里选择、阅读、完型挑出来的),不知道有哪些书满足条件,求告知. carsickness这个词的音标 词性 意思分别是什么 这个词的词性是什么?这句话翻译为英语 推荐本好的《六级词汇书》谢谢~我一直希望有这样一本词汇书:比如六级大纲词汇前五十个单词是:abbreviation到analogue然后这本词汇书对应的第一单元:第一部分练习是缺空的句子,然后自己 大学英语四级词汇册买哪本好? 这个词是什么词性?She enjoys spending other people's money spending在这里是什么词呢?非谓语动词还是副词还是什么词?这句话的结构又是怎样的? 大学四级英语词汇,大学六级词汇分别有多少个词(大概就成),如果从现在开始(我现在初一下学期),大概多长时间,每天背多少词汇能在中考之前都背完四六级词汇啊? 大学英语四级词汇:首字母是D、E的单词,请附音标和解释 “决不”这个词的词性是什么? 过大学英语四级需要多少词汇量 大学英语四级词汇 有词汇 最好有音标最好是希望有经验者给点指导 英语4级词汇里面 包含考研的吗?因为 手上有本4级的单词书 不知道可否先拿那个背 四级词汇和六级词汇差别,我买了六级词汇,觉得词汇越多越好,那... 求大学英语四级词汇(最好能有音标).请发我邮箱,谢谢. 邮箱:350468868@163.com 考研的单词包括四级六级的单词吗? 六级词汇是在四级基础上新增的,还是完全不同的5500个单词? 谁有大学英语四级单词表带音标的,下载地址也行.前提是手机能下载的 英语的名词动词代词形容词副词量词连词冠词 考研英语单词中包含英语四级单词 是包含全部吗 请问六级词汇包括了所有的四级词汇吗?要考四级了,我想直接背六级词汇,考六级时就不用再背了 安全它的动词 形容词 副词 名词 有 没有包含绝大部分英语四级词汇的英文书籍?小 弟即将考英语四级了,想看看包含大部分英语四级的书籍,介绍一些好吗? 英语六级词汇涵盖四级吗 对联中名词对名词,动词对动词,形容词对形容词,副词对副词什么意思?语文中 名词 动词 形容词 副词 这些是什么意思?详细点 !` 我这人语文基础不好 有没有包含绝大部分英语四级词汇的英文书籍?小弟即将考英语四级了,想看看包含大部分英语四级的书籍,介绍一些好吗? 十字锈这个词的英文翻译及其音标 辨析词语的词性 新东方六级词汇书与六级单词一笑而过新东方的六级词汇书 与 周思成最近出的那本 六级单词一笑而过 哪本好啊? 这两本书的记忆方法有什么区别? 求买过这两本书的亲们给点建议. 英语翻译manufacture 辨析下面词语的词性春天( )像( )刚( )落地( )的( )娃娃( ),从( )头( )到( )脚( )都( )是( )新( )的( ),它( )生长( )着( ) 求大学四级 ,六级词汇新东方俞敏洪乱序版的mp3,最好可以有文本的 liujing16341@163.com 英语翻译大家可以按照上面的图写下来拜托!我很需要呀..写一小点也是对我一个帮助呀!帮我写很多的,我给他50分好不好!555 现代汉语语法中,动词有无感情色彩?带有感情色彩的词主要是哪些词性的词? 新东方的六级词汇书便携版和普通版词汇量一样么? 帮忙翻译一些单词对应的英文词性lie的动名词,名词、sleep的过去式、nature的形容词、energy的形容词、travel的名词、discuss、snow的动名词、explore的名词、peace的形容词、high的名词、push的反义词 现代汉语:从结构,词性,语法意义,语法特征等举例分析某个合成词(举例的例子要标明出处,包括作者) 谁有《新东方乱序版四级词汇》的LRC及同步文本和《新东方乱序版六级词汇》的LRC及同步文本.有的话发我呗 谢谢 如果有考研的词汇mp3和lrc可以给我的话就太感谢了 英语翻译快,短一点的英语故事,不是初一单词的要音标,要翻译! 词的语法类别是不是词性? 新东方六级词汇乱序版中包含四级词汇么我要考四级 以后要考六级 想看看能不能直接买一本词汇书 四级六级都能用的 英文单词与音标 互译 在线等‍‍[fæt] = ‍[pændə]=‍[di:p]['sistə]‍['intrist]['sʌdnli]['æŋgri] teacherratbedfacerabittickettaxibeancapitalfact好的回答追加分 这个词是什么词性了?Astralia had been peopled for less than 10000 years.peopled 词性的英文名啥的是啥?比如 noun verb adjective Adverb 新东方四级词汇和六级词汇的差别四级词汇是不是在六级书里面基本都有啊...其实以后是要先考四级然后考雅思的... 英语翻译要加上音标,不然我不知道怎么读. 请字是什么词性 新东方词托福汇书包括六级词汇吗 英语小故事,要短一点,简单一点的.
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn