突兀与不引人注目的javascript之间的区别

Question

突兀和不引人注目的javascript有什么区别 - 用简单的英语.简洁是值得赞赏的.简短的例子也很感激.

Answer 1

我不再赞同这一点,因为它在2011年有效,但可能不是在2018年及以后.

关注点分离.您的HTML和CSS没有绑定到您的JS代码中.您的JS代码不是内联到某些HTML元素.您的代码对于所有内容都没有一个大功能(或非功能).你有简短,简洁的功能.

模块化. 当您正确分离问题时会发生这种情况例如,你真棒的画布动画不需要知道矢量如何工作以绘制一个盒子.

如果他们没有安装JavaScript,或者没有运行最新的浏览器,请不要失去经验 -尽你所能优雅地降低体验.

当你只需要做一些小事时,不要建造无用的代码.人们通过重新选择DOM元素,搞砸语义HTML并在其中抛出编号ID,以及其他因为不了解文档模型或其他技术而发生的奇怪事情而无休止地使代码复杂化 - 所以他们依赖于"神奇的"抽象层将一切都降低到垃圾速度并带来大量的开销.

Answer 2

标记中没有javascript是不引人注目的:

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

突兀:

<div onclick="alert('obstrusive')">Information</div>

这完全取决于程序员的观点:你可以将所有内容放在一个单独的JS脚本文件中,并且仍然有一个对用户极为混乱的网站...... (7认同)
@nnnnnn StackOverflow 是一个面向程序员的网站。 (2认同)
@Abdul - 前端验证是一个很好的功能，但即使你拥有它，你也必须始终在后端进行验证，以允许恶意用户故意绕过你的 JS。不显眼的方法是让 JS 使 UI 变得更好（如果需要的话，包括验证），但当 JS 关闭时，仍然回退到带有后端验证的传统表单提交。也就是说，确保页面的基本功能无需 JS 即可运行，然后应用 JS 使其变得更好/更精美 - 大多数用户将看到更精美的版本。 (2认同)

Answer 3

有关冗长的解释,请查看有关该主题的维基百科页面.