不唐突的JavaScript

2016-02-20 00:51 8 1 收藏

下面是个不唐突的JavaScript教程，撑握了其技术要点，学起来就简单多了。赶紧跟着图老师小编一起来看看吧！

【 tulaoshi.com - Web开发】

英文原文：The seven rules of Unobtrusive JavaScript
原文地址：http://icant.co.uk/articles/seven-rules-of-unobtrusive-javascript/
原文作者：Chris Heilmann
译文地址：http://www.zhuoqun.net/html/y2008/1103.html

写在前面：前一段时间 kejun 给我们培训JavaScript的时候，在幻灯片上推荐了很多特别经典的文章，其中就有这一篇。读过之后感觉很不错，不过我看文章往往理解不深入，恰好这篇文章我没有发现中文版本，所以就萌生了把这个东西翻译过来的想法，这样既可以分享，又可以加深自己的理解。本文的作者Chris Heilmann是 Yahoo! 英国的一位工程师（据kejun说是教父级的人物），本文的翻译也是征得了他本人的同意的。

这里多说一句，以前我也翻译过不少东西，不过那时候我更多是为了翻译而翻译，很多技术文章都没领悟，所以到现在还是个菜鸟。以后我还会继续翻译一些文章，不过应该只会翻译那些需要仔细体会的经典文章。有时间还是要多写代码，实践才是王道。

术语的翻译：关于Unobtrusive JavaScript一词，我现在也没想到一个特别贴切的译法。在网上搜了一下，发现有翻译成低调JavaScript的，也有翻译成非侵入式JavaScript的，台湾那边有的翻译成不乱入JavaScript经过多方考证，我决定采用不唐突的JavaScript这种译法（虽然这个还是不太合我心意），具体请看这篇文章。其实Unobtrusive JavaScript包含了很多意思，也很难用一个词来概括，有兴趣的可以看一下维基百科上面对Unobtrusive JavaScript的解释。另外，我觉得翻译就是要把作者的意思表达出来，而不一定非要逐字逐句翻译，所以文章中我为了方便读者理解，删减了一些，增加了一些，不过这些都是在不伤害原文意思的基础上进行的。

要说明的还有一点，那就是我翻译水平很业余，所以译文中难免有纰漏，还请多多指正。

来源:http://www.tulaoshi.com/n/20160220/1632694.html

上一篇： Linux下修改debian wheezy默认配置的方法汇总
下一篇： javascript实现网页跳转的方法

看过《不唐突的JavaScript》的人还看了以下文章更多>>

不唐突的JavaScript 02-20
很简单的javascript函数不刷新页面---刷新数据 02-20
用javascript实现不按Ctrl实现Multiple Select多选 02-19
JavaScript教程:JavaScript中的数组 02-20
JavaScript教程:JavaScript和Java的区别 02-20
Javascript 更新 JavaScript 数组的 uniq 方法 02-19
Javascript的eval、with 02-19
javascript的函数 02-19
JavaScript的Cookies 02-19
JavaScript教程：JavaScript函数 02-20

JavaScript的setAttribute

标签： Web开发

看了一个月的文档和资料以后，终于让我参与到项目中来了，哈哈，痛快！虽然只是让我解决一个小问题，不过有活干就是好。在写代码的过程中遇到了一个小问题，就是JavaScript的浏览器兼容问题，当我用到 setAttribute 设置某个元素的 id属性时，在 FireFox 里面居然不起作用，但是在 IE 8中好使，于是我就问了一下同事，他告诉我说用 setAttri...

JavaScript的目的

从今天起，我将陆续将 ppk on JavaScript 的读书心得发布到这个blog上。ppk是我所景仰的一位web开发者，原因无它，只是因为作为一个JavaScript的开发者来说，他涉及的领域包括web标准，可用性，无障碍等，正是其他开发者所不关注或者故意忽略的。并且，他写了很多案例测试不同的浏览器，总结出JavaScrip...

JavaScript实例教程（五）JavaScript的窗口操作

标签： Web开发

在HTML中打开窗口应用极为普遍，但也存在一些缺陷；用户浏览器决定窗口看起来是什么样的，你左右不了其窗口的大小及式样。幸运的是，JavaScript给了你这种控制权。 JavaScript的窗口语句是： window.open("URL","name","features"); 其中的URL是网页的地址，name是窗口的名字，features是窗口的一些特性，包括： scrollbars （滚动条）当需...

JavaScript教程：什么是JavaScript？

标签： Web开发

JavaScript 是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java 脚本语言（Java小程序）一起实现在一个Web页面中链接多个对象，与Web客户交互作用。从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷，它是Java...

Javascript 各浏览器的 Javascript 效率对比

标签： Web开发

从“译言”上的一篇文章据悉各浏览器 Javascript 的对比。我个人作为一名“准”的 Javascript 开发者，对此事自然比较的关注。SunSpider 的测试面我还是保持对其信任的态度的，正如原文所说的“它是一组被精心设计的测试，易于运行也非常全面”。下面是测试的内容： 3d - 纯粹 JavaScript 的...

查看更多精彩>>