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

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

向Facebook看齐,Twitter收购Android屏幕待机应用开发商Cover 绝对的超现实!Jaunt打造360°全景VR电影 Unite China 2014课程解析:行业解决方案专场免费开放 Manhattan,Twitter规模的实时、多租户分布式数据库 Ceph浅析(中):结构、工作原理及流程 孙元浩:基于Spark引擎的高速内存分析和挖掘工具应用 腾讯私有云背后的团队,品高要做企业云计算的产品经理 撼动企业应用架构的十大技术趋势 Airbnb的管理之道:产品设计的点评策略与技巧 Windows 8.1 Update 1的下载地址和八点须知 《近匠》棱镜:手游渠道SDK平台的技术历程 OpenSSL究竟为何物,为何它的影响力如此之大? Redis大冒险:如何跳出SQL这个坑 【走近院士】张尧学:基于透明计算的云操作系统 微软转型之路:从Build 2014开始 大势所趋 HTML5成Web开发者最关心的技术 从火种到核心,浅析Hadoop大数据用户的演变 搭建高可用的MongoDB集群(上):MongoDB的配置与副本集 软硬件协同创新,共建未来数据中心 优秀Unix管理员的七个习惯 2014Unity亚洲开发者大会倒计时 干货内容日程汇总 TIOBE 2014年4月编程语言排行榜:Perl跌至历史最低点 Hadoop集群环境下网络架构的设计与优化 CloudFoundry架构优化:NATS集群化方案 Dropbox推独立应用,公司估值已达100亿美元 【走近院士】梅宏:云计算时代软件技术发展需求和挑战 云计算战争:OpenStack vs. VMware Cortana与Siri、Google Now的较量:支持功能更多 代码面试最常用的10大算法 “颠覆医疗” 时云医疗推三款硬件产品 华为章宇:如何学习开源项目及Ceph的浅析 求救!!!会不会仅仅是病毒的问题? compute 字段在报表中的应用问题?在线等待! 高分相送,c++ builder中使用ocx控件 关于listview与数据库的问题,请大家帮我看看程序出错在哪?谢谢!! 高手请进!! 高手请进!! 关于数据库问题 高手请进!! 静态成员变量是全局变量吗?我能够在一个模块的几个不同文件中声明同名的静态成员变量吗? 一个奇怪的问题——ADO连接数据库 还是文件上传的问题~~ 怎样取得水晶报表的总页数? 现在还有多少在做lotus开发的程序员啊?有没前途,这东西? 用VB怎样调用SQL的计划任务 Help!Help!关于在application中(不是applet)用MediaTracker读图片的问题,高分酬谢。 请高手指点高程软件工程部分哪些书比较好啊! 当程序与远程数据库服务器建立连接后断网了,怎么能让程序自动再建立连接?谢谢 关于tatabto控件的问题!! 请问怎么样让NetMeeting ActiveX 控件自动接受呼叫? 在网关上修改通过的数据包,要求增添一些数据,请问大家有什么方法,要注意什么问题? 我原来有个ucap.jar包,把它拷到和notes.jar包同一个目录,代理中import不进来。请问各位大虾要不要设置classpath,怎么设置? 流场的可视化 这样的模板为什么不工作?? 请问这是什么错误!!各位帮我解决一下! 请问怎么样让NetMeeting ActiveX 控件自动接受呼叫?帮帮小妹吧 hellogzz,我就这80分,给你了 请问怎么样让NetMeeting ActiveX 控件自动接受呼叫? 有关form的菜菜问题,求助!!! 在存储过程中如何进行字符的运算 如何从表中随机选择一条记录? ?急救,在线等候!delphi怎么实现可以在word里面通用的报表??高分 Norton 服务器版怎么样?是否服务器升级病毒库后客户端可以从服务器上直接升级呢? 如何采用触发的方式接受串口消息,并将消息内容转化成字符串型? 各位高手,如何针对不同尺寸和分辨率的屏幕设计软件界面? 我ADVGRID6的控件组,在DLEPH7下通不过,总是说缺.PAS文件,其实它已经存在!为什么... 重分悬赏2000PROFESSION下配置PHP+MYSQL的方法。 关于editmask 请教关于串口控件——SPCOMM的简单问题 设计时数据模块突然无法打开,而运行时也报“无法连接sql server或网络连接失败”怎么办? 图形重绘的问题 关于对象字段的问题,up有分 做VC程序员半年来的感受和一年来的经历 CFile 请问如何使下面的窗口得不到焦点 其实我觉得这个社会上还是缺人才的。 CB编译错误谁能解决?(100分) c#中定义一个未知类型怎么做? 关于代理的疑难问题? 100分问一个天气预报的问题。 急!~~谁知道如何屏蔽网页中RealPlayer控件的右键菜单?哪位大虾回答对了马上给分!! 怎么将对话框Dialog显示在窗口最顶层,而不管有没有焦点? 上班盯电脑下班看电视:白领熬夜3天差彭丽媛出访备受追捧 惊叹第一夫人的外田朴珺以《中国合伙人》制片人的身份出嫩模苏梓玲亮相故意秀胸 网友鉴定:这10万人齐跳骑马舞!“鸟叔”再创吉尼蔡依林表弟当众打滚耍赖 视频被拍下网福州小朋友晒六一礼物:一张成龙亲笔签姚晨怀孕不忘捞金 挺大肚提名牌包包现芙蓉姐姐暴瘦照 转眼都成美女了《富春》林志玲宣传新片现场卖萌刘德华张静初来杭为《天机·富春山居图《封神榜》曝姜子牙白发造型 回应“最中国女模罗紫琳搭俄罗斯亿万富翁 海岛梁咏琪再登封面 曾因爱的勇敢而遍体鳞李宇春再登杂志封面 戛纳海边尽显俏皮黄晓明登封面称教主很忙:成功需要真诚杨幂登时尚杂志封面 展甜美呛辣本色《富春》主创做客 刘德华林志玲对戏害米兰达·可儿海滩写真 半裸出镜大秀瑜六六作品《宝贝》女主角孟丽清新私家美苟芸慧买衣专挑减价特价货 无惧地震将U16国少险胜缅甸张静初成金鸡女配热门E路同行 网络民生服务接受面对面测评石河子大排查大整治成效显著可采用相对开放立法框架华夏艺术中心将扩大法律援助受理范围坦荡做人谨慎用权郭声琨会见阿富汗总统国家安全顾问砍伤三护士嫌疑人落网细节披露国务院批准上海自贸区总体方案礼品不见了餐厅改名了标题新闻让每个人都感受到幸福东营督促整改火灾隐患63处中国公证协会新版门户网站开通我国国际储备资产增2036亿美元医务人员为钱所诱开虚假出生证王书金故意杀人强奸案二审宣判受贿百万副局长自首获刑7年半遵义消防“五微”打造平安校园
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘