和Google互补的搜索引擎Wolfram|Alpha
Wolfram|Alpha与Google究竟是什么关系,Wolfram|Alpha自己是如何定位的?Wolfram|Alaph在多大程度上是语义网搜索呢?InfoQ中文站就等等这些问题采访了Wolfram研究公司中国区商务经理王翔。
作者 Matthew Bass 译者 张凯峰 发布于 2008年6月30日 上午1时14分
低调(Unobtrusive)JavaScript是一种正在浮现的技术,它能将JavaScript从HTML标记语言中分离开来。这非常类似于上世 纪90年代CSS的诞生所带来的页面样式和HTML的分离。比如,唐突的JavaScript写法会直接为某个文本框添加onClick事件处理器,就像 这样:<input id="field" onclick="alert('hello')" />
而低调的JavaScript会一直等到页面全部加载完毕,才会把事件处理器跟文本框连接上:<script type="text/javascript">
Event.observe(window, 'load', function() {
Event.observe($('field'), 'click', function() {
alert('hello');
};
});
</script>
<input id="field" />
这样写能够使HTML代码(在这个例子中就是我们的input标签)保持干净,并为开发者提供单一引用点来调试 JavaScript代码。低调JavaScript提倡将代码存储在外部的.js文件中,反对将其嵌入在HTML页面内的<script> 标签中。虽然这个范例占用了多行代码,但稍微大块点的JavaScript可以带来更加清晰和简洁的结构。
低调JavaScript的其他一些好处包括:
当与像Prototype这样的开源库结合使用时,会更加容易创建低调JavaScript。甚至有一些现成的框架专门设计用来将唐突的JavaScript转换成低调的JavaScript。
比如Low Pro,为Prototype添加了一些有用的帮助函数,可以显著地改善对浏览器事件模型的访问,并提供一个行为库来方便地连接低调JavaScript触发器。我们上面的示例使用Low Pro可以写成这样:
<script type="text/javascript">
Event.addBehavior({
'input#field:click' : function(e) {
alert('hello');
}
});
</script>
<input id="field" />
这样,行为在页面完成加载后就自动连接在一起。还可以使用CSS选择器来添加其他的行为,比如为触发选择元素。
随着AJAX网站数量的稳步增长,JavaScript在web应用开发中变得更加重要。保持JavaScript低调可以更加简单的开发出炫目的特性。它也使得维护这些网站变得更加容易,成本更少。
查看英文原文:AJAX developers continue migrating to unobtrusive JavaScrip
如题,请参考英文原文,InfoQ的编辑要把好质量关呀!
unobtrusive翻译成“低调”不太适合。这个单词应该不是简单的直译。推荐翻译成“无入侵”。意为“javascript脚本和html保持相对的独立”,符合web标准的“结构与行为分离”。
谢谢批评指正!
unobtrusive包含无入侵的意思,结构与行为分离是它的部分含义,但是不止是无入侵。我的理解,它还有让JavaScript尽量的跨平台,尽量不“打扰”页面的意思。就是说不能因为JavaScript代码中的错误让页面无法显示。这样看,低调似乎更接近它的意思。
维科英汉词典 unobtrusive adj. 不打扰的, 不多嘴的, 不带侵略性的, 不冒犯的, 谦虚的, 客气的 严重同意翻译为“无入侵” “无入侵”已经是一个大家都公认接受、容易理解词汇了。为什么还要另外发明呀。 想起来传闻很久的徐某翻译的《UML精粹》了
$(function() { $('field').click(function() { ... }); })
觉得不光是“无入侵”,还有让用户体验更好的意思!
支持用“无入侵”,虽然原文这种分离会带来用户体验更好等好处,但本质而言,这种把html和js分离的方式是其实就是传统意义上的“无入侵”。而其它的优点可以视为由“此(无入侵)”所带来的。所以没有必要另外发明一个词汇,来表达这个事件本身及其优点。这会带来困扰。技术界莫名的词汇已经太多了。
这个有点片面。分离的本意是对的。无入侵的原则也是对的。 但是用事件这个例子却不合适。 因为用ie等浏览器的原生事件支持,可以节省大量的脚本初始化时间,如果用脚本事后加事件,当面临着大量数据的时候(例如,你给页面搞个200行表格,然后给每行价格鼠标悬停事件,看看效果),会造成页面加载完毕后卡顿一下的。分离式趋势
你不知道什么是事件冒泡吗?用得着给每行加事件吗?给表格加一个事件就可以了。而且,比内联方式省下大量字节。 而且ie分析html时没有大量js会大大加快表格显示速度。
Wolfram|Alpha与Google究竟是什么关系,Wolfram|Alpha自己是如何定位的?Wolfram|Alaph在多大程度上是语义网搜索呢?InfoQ中文站就等等这些问题采访了Wolfram研究公司中国区商务经理王翔。
Vijay Narayanan在这篇文章中对数据服务的几个方面进行了介绍,它们都是SOA实践者和数据架构师感兴趣的内容。本文对数据服务的几个方面进行了介绍,包括需求定义,基本原理和好处、范围、开发以及消费模式。
罗马不是一天建成的,豆瓣的技术架构也是随着用户规模的增长一直在持续变化中。在本次演讲中,豆瓣的首席架构师洪强宁将与大家一起分享从上线时的单台服务器架构开始一直到现在的豆瓣架构变迁历程。
Billy McCafferty展示了S#arp架构,它在ASP.NET MVC框架的基础上,荟萃了当今的最佳实践,应用在ASP.NET Web应用程序的架构设计中。
中国作为新兴市场中的新兴市场,是Sun在美国之外实施SSE(SUN Startup Essentials)项目重点关注的地区。在QCon Beijing 2009期间,InfoQ中文站有幸对此项目的负责人王雷先生进行了采访,探讨了关于开源、新兴市场、SSE等话题。
HTML5 是由 WHATWG发起的,最开始的名称叫做Web Application 1.0,而后这个标准吸纳了Web Forms 2.0的标准,并一同被W3C组织所采用,合并成为下一代的HTML5标准。
10 条回复
关注此讨论 回复