jquery - jQuery 最重要的挑战是什么？作为开发人员我可以做些什么来应对这些挑战？

Question

我有一个项目即将构建一个界面，该界面允许用户使用预定义的模板和代码片段构建内容。

我们已经决定使用 jQuery 和 jQuery UI 框架来帮助我们完成拖放/排序部分。还需要进行一些就地编辑，我将结合使用 contenteditable 和 jQuery 的 CSS 函数。

我已经对这两个框架有了相当多的经验(并且喜欢它们)，但是到目前为止，我的典型项目已经运行了大约 50 行，而这个项目将运行更多的代码，使用更多的功能和编写我自己的插件。

在开始该项目之前，我想知道 jQuery 是否存在任何常见陷阱 - 有点像“jQuery - 坏部分”。是否存在最好避免的功能？是否有需要解决的功能？

我读到this link但它现在已经 2 岁了，从那时起 jQuery(和浏览器)发生了很多变化。

_{任何“改用此框架”或“不使用框架”答案都将被忽略 - 我已经使用 jQuery。任何不提供解决方案的“jQuery 是垃圾”的咆哮也将被忽略。仅请提出建设性意见。如果我知道如何在 JavaScript 中做得更好，就像 jQuery 所做的那样，我就不会使用 jQuery。}

Answer 1

我会回答你一半的问题。以下是基于痛苦经历的一系列陷阱，但我并非对所有这些陷阱都有解决方案。

• 大量使用长选择器链(“ul#leftnav li p a.current”)的诱惑会使您的代码变得脆弱。它可能感觉很聪明(“嘿，我是 CSS 大师!”)，但是当布局以任何不平凡的方式发生变化时，它很容易崩溃。
• 使用 DOM 作为数据库。使用 .data() 将数据附加到 DOM 元素、跟踪页面状态并将 DOM 元素链接在一起似乎是一个好主意，但如果做得太过分，您就会开始忘记什么在哪里。
• 在 $(document).ready() 中放入了太多内容。再次强调，在这里初始化所有事件和数据是很自然的，但您很快就会遇到组织和排序问题。研究类似 MVC 的解决方案以使事情井井有条。
• 不太跨浏览器。尽早并经常在所有目标浏览器中进行测试! jQuery 虽然是一种美妙的抽象，但仍然是一个有漏洞的抽象。事件和属性在不同的 JS 引擎中的行为并不总是完全相同。