突兀和不显眼的JavaScript之间的区别

突兀的和不显眼的javascript有什么区别 – 用简单的英文。 简洁感谢。 简短的例子也表示赞赏。

关注点分离。 你的HTML和CSS没有绑定到你的JS代码中。 您的JS代码不内联到某个HTML元素。 你的代码没有一个大function（或无function）的一切。 你有简洁，简洁的function。

模块化。 当你正确地分开顾虑时会发生 例如，你的真棒canvasanimation不需要知道向量如何工作，以绘制一个盒子。

如果他们没有安装JavaScript，或者没有运行最新的浏览器，请不要杀人 –尽你所能地优雅地降低体验。

当你只需要做一些小事的时候， 不要build造垃圾山 。 人们无休止地通过重新selectDOM元素来复杂化他们的代码，混淆了语义HTML，并在其中抛出了编号的ID，以及由于不了解文档模型或其他技术而发生的其他奇怪事情 – 所以他们依赖“魔术”抽象层，将所有东西放慢到垃圾速度，并引入高处的山峰。

标记中没有JavaScript是不显眼的： 

 <div id="informationHeader">Information</div>

突兀： 

 <div onclick="alert('obstrusive')">Information</div>
  1. 分离HTML和JavaScript（在外部JavaScript文件中定义您的JavaScript）
  2. 优雅的降级（页面的重要部分仍然可以在禁用JavaScript的情况下使用）。

对于一个冗长的解释，检查维基百科页面的主题。

为了扩大Mike的答案：使用UJS行为是“稍后”添加的。 

 <div id="info">Information</div> ... etc ... // In an included JS file etc, jQueryish. $(function() { $("#info").click(function() { alert("unobtrusive!"); } });

UJS也可能意味着温和的退化（我最喜欢的一种），例如，另一种获得#info点击function的手段，可能是通过提供一个等效的链接。 换句话说，如果没有JavaScript，或者我正在使用屏幕阅读器等，会发生什么？

不显眼的 – “不突兀，不显眼，不自信，或沉默寡言。”

令人</s>目结舌的 – “具有或performance出强加于人的倾向，如将自己或他人的观点强加于人”。

阻碍 – “向前或向某人推送 （某物），特别是没有授权或邀请”

所以说，在强调自己的观点的时候，我认为不引人注意的JavaScript最重要的部分就是从用户的angular度来看它并不妨碍。 也就是说，如果JavaScript被浏览器设置closures，网站仍然可以工作。 无论是否启用JavaScript，使用屏幕阅读器，键盘和鼠标以及其他辅助function工具的用户仍可以访问该网站。 也许（可能）该网站不会像这样的用户“花哨”，但它仍然会工作。

如果您认为在“渐进式增强”这个术语中，您的网站的核心function将适用于所有人，无论他们如何访问它。 那么对于启用JavaScript和CSS的用户（大多数用户），您可以使用更多交互元素来增强它。

另一个关键的“不显眼的”因素是“分离关注点” – 程序员关心的不是用户，而是可以帮助阻止事物的JavaScript方面阻碍用户的体验。 从程序员的angular度来看，避免内联脚本确实会使标记更漂亮，更容易维护。 debugging不是分散在一堆内联事件处理程序中的脚本通常要容易得多。

Interesting Posts