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

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

Oculus移动SDK发布!John Carmack操刀、集成Unity 4.5 11月15日深圳见!深圳微信开发者大会公布全部议程 参与2014中国大数据行业大调查 BDTC门票等你拿 HTML5规范尘埃落定,5个开发工具推荐 盘点最受开发者喜爱的Android 5.0 Lollipop API IoE Day侧记:想开发智能硬件?先要弄明白这几个问题 【问底】许鹏:使用Spark+Cassandra打造高性能数据分析平台(二) 微软承诺所有Lumia WP8设备将升级至Win10,用户会买账吗? 周末,深圳微信开发者大会等您来!(参会必读+名单) 营造云安全生态链 第五届云安全联盟高峰论坛在京顺利召开 中国大数据六大技术变迁记 【最具价值CTO评选秀】当当网CTO熊长青:结合行业及技术发展,规划技术方向 社交颠覆传统,环信技术交流沙龙纪实(组图) 揭秘经典案例炼成之道 微信开发者大会精华回顾 从一家电子商务网站学到的经验教训 【最具价值CTO评选秀】极路由CTO康晓宁:极客转型CTO的感悟 盘点这些年来的“微信万能论” 《近匠》亲加通讯云:IM即时通讯API的极致服务者 TCL杯HTML5智能电视开发大赛完美落幕,8项获奖应用大揭晓! Xcode 6.2 Beta发布,支持WatchKit的iOS 8.2 SDK来了! 【最具价值CTO评选秀】携程高级技术副总裁叶亚明:从呼叫中心到移动互联网的演进 为什么靠谱的公司都应该参加CTO评选? 【深度剖析】微软开源.NET:战略重心已从PC转移到云端 专访POWER 8编程挑战赛选手黄文超:非科生的编程算法之路 BDTC 2014干货精彩不断,四大全天技术论坛议题全面曝光 全功能API!开源2D游戏引擎Firmament 微信公众平台新增“微信连Wi-Fi”功能,打通线上线下闭环 马化腾:微信在一线城市活跃 QQ增长从城市到农村 承包MIPS开发!Imagination发布双Codescape MIPS SDK 不任性了!Google Play宣布开通国内开发者通道 脑洞大开!用Swift写个Material Design组件库 菜鸟提问,向高手请教一个VB中SQL中的问题, 怎样显示局域网内的所有计算机 请问谁有用VMware设置好的solaris文件啊?或是那里可以下载啊??谢谢了~~ 帮帮小弟呀!!散分 在本地机遇到数据无法提交或读取的事,动网论坛的数据也无法读取,什么原因啊 寻程序员,短期,欢迎加盟!!!!!-------熟悉j2me的!!!!面试合格,待遇为150/天 关于Form的构造函数和OnLoad方法...... 请教Web Services的分布式创建和引用的问题?急!!!!! 在c#的WinForm中如何显示cdr文件,CorelDraw图片哪怕是8.0也行 在建立vc 工程的时候选择了生成hlp 文件。我把我的工程放到别的机器上的时候有如下的错误 怎么样得到游标中的数据的多少记录。 求解1000的阶乘 请问大虾有关BootCode方面的一点问题??非常急! 高分请教:如何在安装程序时注册OCX控件? 请问:在TDbgrid控件的TitleClick事件里如何取得鼠标击键的坐标位置? netwell服务器有不断的响声,急急急................. ★★请教新闻发布系统的图文混排问题 在建立vc 工程的时候选择了生成hlp 文件。我把我的工程放到别的机器上的时候有如下的错误 这句SQL应该如何写? 怎样在VC里面开发手机上程序?需要装什么软件? 请教:这个onLoad事件怎么不起反应 关于web services,大哥麻烦帮助小妹吧! 我现在神思恍惚,无心工作,天天上网灌水打发时间,大家估计我多久会失业? 使能工具栏的某项 网络下载编程求助(紧急求助) 如何判断一个字符串中是否含有某一字符? 如何在网络断开的情况下判断,等网络恢复后再自动连接??? 如何在comboBox中添加icon--在线= 救人啦!!请教BootCode方面的问题,十万火急!! 一个关于 WISE installation 制作安装程序的问题 *.lwp的文件怎么打开亚?请大家帮帮忙!!! DataGrid为何不显示? CRegKey::QueryValue()读取数值数据时遇到的问题…… chmod命令后造成启动错误 请教大家一个关于webservice transaction的实例 菜鸟急救,注册表文件导入的问题? 填空题(急) 钱本草呢? 关于手机的问题 求救:GetFieldValue()函数出错. 一个很简单的问题,来者有分 有个小问题请大家诊下 怎么样使stringgrid中的fixrows和rowcount数目一致? 如何在JB中联接SQL数据库! 把数据结构(比如说一个链表里的数据)保存为文件,不用序列化怎么办啊? 哪位大哥有installshield的安装password? 日期型中的“年”,如何取得? SOS!!!! COPY文件有哪些办法?用什么方法比较好? 友元函数重载操作符@obj,被c++编译器编译后被解释 对vcl库底层机制一些不明白的地方2 【数学题】在图中的问题,NP 为什么等于 NM? 上海租可以穿的动物衣服麻烦大虾们,我想给女朋友一个惊喜,所以想租一套可以穿在身上的动物衣服,有头的那种,因为买的话,下次就没有新意了,而且还比较贵吧 ,上海地区哦啊 那位有的话,也 单细包动物和多细胞动物有什么差异、 诺亚舟np1500 如何计算图形数学题谁知到? 关于人性最大缺点的一个问题,谁能告诉我,为什么人类之间会这样?假如你的母亲或者你其他的亲人因为财产被杀害了,而凶手是一个美国人,他的名字叫T,当你知道真相之后,你心中仇恨的对象 机甲旋风雷电怎样放出隐藏技能?1散射光线+散射光线2 点击散射光线,在即将结束时快速点击 →→Z或←←Z,这样可以再一次发出散射光线,而且结束后没有冷却时间3散射炮加M134机枪,G加S我的方 一道七年级数学题(NP99.3)从哈尔滨开往A市的特快列车,途中要停靠两个站点,如果任意两站间的票价各不相同,那么有几种不同的票价? 人类发展到现在的弊端 机甲旋风雷电隐藏技能 雷电隐藏技能怎么释放 一道七年级数学题(NP93.11)题目在这张照片上 飞鸟尽,良弓藏;狡兔死,走狗烹的英语翻译 机甲旋风心眼雷电枷锁隐藏技能怎么发?隐藏技能是用头撞 但不知道怎么发. 宇宙中还有没有生命体!我们能不能见面! 含氟牙膏对身体有害吗?有好的不含氟牙膏吗? → 机甲旋风雷电、强袭、点睛技能哪个好 100摄氏度的水和100摄氏度的水蒸气哪个烫伤人更厉害 飞鸟尽,良弓藏;狡兔死,走狗烹的英文翻译我现在很想知道它的翻译! 从哪些语句可以看出"草原上行车十分洒脱 洒脱可以换什么词 含氟牙膏好不?一定要使用含氟牙膏吗? 草原上行车十分洒脱,只要方向不错,怎么走都可以.改成反问句 一个社会的上层建筑的核心是:A、军队 B、政党 C、政权 D、思想 地理中凹岸和凸岸怎么区分. 蜡烛成灰是什么动物 秩序井然这个词啊可以换成?秩序井然可以换成?马上啊 飞鸟的家,用英语怎么说?如题. 机甲旋风心眼雷电枷锁为什么有两个样 宇宙中有生命体吗?在我们地球以外 有其他生命吗? 头带红帽子身穿五彩衣一个动物 化学方程式ph是啥意思 为什么热气烫伤比热水烫伤厉害?热气烫伤为什么比热水烫伤厉害多了? “惜飞鸟”英语怎么说? 求函数2cos(π/3+x)+2cosx 被同样温度的热水和热气烫伤的程度是一样的.这句话是对是错? 身穿白大褂,头戴红帽子,走路摆架子.(打一动物) 什么是政治副中心 “潇然于山石草木之间者, 头戴红帽子,身穿绿袍子,走路吹笛子,坐下抹须子.(打一动物) 函数y=x+2cosx在区间 夫不能以游堕事而潇然于山石草木之间者,惟此官也 是什么句式 夏天的飞鸟用英语怎么说? 政治副中心为何舍近求远 翻译一句文言文:不能以游堕事,潇然于山石草木之间者,惟此官也.谢谢! 洒脱可以换成什么词 若函数f(x)=x²-2cosx+a有唯一零点,则a=?若函数f(x)=x²-2cosx+a有唯一零点,则a=2. NP题库是不是以下这几个有没有错,有错的话,请问是那几个题库 潇然于山石草木之间的翻译 草履虫的身体只有一个细胞,称为单细胞生物.它对外界刺激作出反应,叫什么? 请问数学中P与NP是什么题(具体些) 满井游记( 第三段中“潇然与山石草木之间者,唯此官也”一句,除了自我安慰外,还蕴含怎样的人生况味?它与苏轼《记承天寺夜游》中哪一句的含义相近? 请问一下朋友们:“洒脱”一词是什么意思?谢谢 已知TSP是NP难的 证明WTSP是NP难的 是一道数模题 这个要怎么证明?TSP是旅行商问题 WTSP流浪旅行商问题 4399机甲旋风雷电配宠我有白羊2新 金牛2星 鹿斯基3星 艾克斯1星 太阳发电机3星 玩具兵2星 喵星人2星 飞鸟的英文是怎么拼的 曲线y=lgx+1在x=1处的切线方程为? 机甲旋风我雷电不知用什么宠,求讲解... 怎样判断南北半球哪岸较陡北半球的河流哪岸较陡?南半球的河流哪岸较陡?如何判断? 蛇的英文怎么读 机甲旋风雷电配宠紫迪斯加尔,超级霸王龙,超锋翼战龙,哪个好,另外,那两只rmb有必要买粉的吗,超进化会失败吗 喜羊羊与灰太狼中,包包大人是什么动物? 部分院校年年开学菜价要涨 学生期待\“清风”生活用纸全国巡展登陆上海杭州天气转凉进入“栗子季” 排队买迁中央军委自上而下派出巡视组 主要监督湖南希望小学竣工一年被强拆 村民阻拦网友吐槽:在浙江开车好累 常犯开车陋小学生作业字写对被扣分 没教过的字得浙江一夫妻长期异地分居经济AA制 生美国海军世界最大驱逐舰下水【高清组图阿根廷法院支持政府打破媒体垄断迪拜宣布禁放孔明灯巴黎中国电影节开幕首条横跨欧亚海底隧道启用 伦敦坐火车范长龙会见马来西亚国防部长强风暴致荷兰人损失近亿欧元巴西拟立法强制跨国网络巨头建立本土数强风暴袭击荷兰致损近亿欧元“丝绸之路经济带——区域合作的愿景”《中国好声音》电影版海报曝光 吴莫愁南京前三季度交通通信人均支出2886国信办主任:“六个目标”让网络空间清23路段抓拍“黑尾巴”彭帅世界排名再上升升学报名期学校争办开放日《星你》导演携姚晨唐嫣郝蕾“合伙上市本报公号有料到洪梅老人和慢病患者免费体检彩椒牛肉炒韭菜花百年通草画 回望老广州桥头将为7800孩童免费体检献吻 学姐姐火辣“献身”浦发银行今年再建400家社区银行广州日报林二期邀你来植树啤酒业品牌集中度大幅提高欢瑞世纪重启上市之路《还珠格格》被恶搞,琼瑶怒了!红色在中国表示喜庆 在古埃及却象征邪六一出游价格适宜笋套票剪个靓头又快又平生父“雇”前小舅子偷偷带走1岁多儿子地贫儿手术缺钱 爱心妈捐款十万
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘