这可能听起来不可能,但继续阅读。
我需要学习jQuery以保持最新状态并能够说服雇主我能在不到2天的时间内处理它。
现在,我应该提一下,我其实知道 javascript
。这有点模棱两可,但是 - 虽然我不是Doug Crockford - 我当然不是说我可以使用内联代码来切换元素的可见性。我甚至会说我是 非常 熟悉 MooTools的,已经阅读了过去3年以及无数MooTools插件的源代码。
现在,通过帮助SO了 MooTools标签,我无意中也收集了很多jQuery代码。还有API文档页面,这很公平 - 只要我想使用DOM,AJAX,事件等,我就能找到自己的方式。这不是帖子的内容。
我正在寻找非常具体的资源和指南/ jQuery组织良好和编写良好的代码示例。例如,我感兴趣的事情(但不限于):
- 与API有关的特殊情况,例如。 .bind!= ECMA绑定
- 限制,如元素属性(.attr?)+属性和其他陷阱的变通方法
- 选择器性能(如果Sizzle与Slick不同)和......
- ...缓存选择器 - 它是否有效,jQuery如何返回自身。
- 关于可读性和写作的最佳实践易于遵循和理解意大利面条代码
- 关于编写插件的最佳实践 - 如何构造,是否有任何通用/接受/首选命名法等等,即jQuery相当于 这个mootools指南
- 在经典的OOP意义上有没有更好的方法来处理继承?我知道 moo4q 但我们假设我想在mootools的帮助下做一下这件事。是的,我知道我仍然可以使用纯javascript作为基本的东西。
- API中是否有任何特定的差异(除了++ changelog)我需要注意不同的jQuery版本?
- GC。你做了什么,你删除事件,节点等?
- 要避免的比特。例如,我看到ppl在twitter上抱怨元素存储很慢。
- 关于构建一个适当的'企业级或近乎足够'的基于jQuery的_application__的建议(我知道,我知道 - Dojo,ExtJS,甚至是MooTools,但是jQuery也可以,对吧?很多人都发誓并声称做到了......)
- 随你 您 我想我需要阅读才能开始
考虑到这一点,我想只是链接到教程或文章甚至是这里的帖子,可以涵盖所提到的领域和 高级jQuery开发。
一些 选择 由受人尊敬的/着名作者撰写的插件也将受到赞赏,特别是那些在组织方式和易于扩展方面不同的插件。由于有这么多人可供选择,大多数人可能都不会过去 hello spaghetti world
因此我不想将它们作为基于我自己工作的例子。我不喜欢被设计师赞成的插件,因为它们有很好的效果,我想要漂亮的代码示例。
就是这样。任何帮助表示赞赏 - 将在周日开始阅读,并且需要能够编写一个可扩展的插件,比如几天前我在2-3小时内编写的mootools模式/灯箱类。我想将它转换为jQuery作为练习,而不是模块化/可扩展性: http://jsfiddle.net/dimitar/6creP/
在此先感谢,将尝试回答每个回复的人
jQuery在为MooTools提供的内容方面非常相似,而在提供这些内容方面却截然不同。 MooTools是非常明确的,需要更深入地了解一些事情是如何工作的,而jQuery隐藏了这种复杂性。在我看来,隐藏复杂性遵循80-20原则,当抽象泄漏20%的时候,理解内部工作变得重要。
熟练掌握MooTools应该可以让你轻松获取jQuery。这种显式行为的一些例子是jQuery如何包装单个和多个元素 $
同时,MooTools为两者提供了明确的界面 $
和 $$
。
当使用JSONP为自己的域或外部域进行AJAX调用时,jQuery会将所有内容路由到 $.ajax
功能,而MooTools再次为那些人提供了独立的接口 Request
和 Request.JSONP
。
这两种方法都不好或坏,但重复使用大多数已经熟悉的相同界面可以减少学习曲线。
深入jQuery的一些好资源是,
- John Resig的 博客
- jQuery的官方 博客
- 视频 介绍高级jQuery概念。
- 最热 在StackOverflow上的jQuery答案
关于代码组织,为jQuery编写的大多数代码与MooTools非常不同。而MooTools使用非常经典的风格 类,和 对象,jQuery代码主要是以DOM为中心的。因此,即使使用自定义插件,您也会将数据附加到DOM元素。要查看以DOM为中心的方法的几乎真实的例子,您可以观看链接的视频 回答。
我不会担心选择器引擎的性能,因为除非你为网络或其他东西编写Excel,否则它主要是红鲱鱼。
你很幸运同样的事发生在我身上,并读了这本书
“Jquery in Action,第2版“在3天内。这是一本很好的书。我认为你可以在1天内完成所有jquery核心部分(超过本书的一半),这是最重要的一部分。
你猜怎么了。我得到了这份工作 :)
(当我已经在工作的时候,我学到了更多,但这足以证明我知道jquery嘿嘿)
jQuery的基础知识,这本书,以及许多在社区中受到尊重的贡献者,很容易在几天内被吸收并完全免费在线!
http://jqfundamentals.com/book/
我自己对jQuery比较陌生,对JS来说是一个总的菜鸟,我会说你有先机;)
你是如何使用CSS的? - CSS选择器引擎(啸如果你知道你的CSS,jQuery是一块蛋糕,据我所知,你可以使用“老式”;)JS也是
如果你知道你认为你会做的CSS“错误”,我也认为你会占上风,例如使用jQuery的动画不是任何错误的神奇方法,而是术语 slideUp()
, hide()
肯定会让它变得简单..但如果一个效果会产生一个没有JS的CSS bug,它仍然会通过jQuery这样做,也许像 removeAttr()bug 可能是需要注意的事情,可以在JS中轻松完成的事情(如果你这样知识渊博)
我不知道你发现这种事情有多么容易或困难,但是当我这么做的时候 学习 填写我倾向于查看所有问题(在这里和论坛上),无论我认为它们是多么“简单或基本”,然后通过粘贴代码并尝试其他答案然后让搜索引擎指导我,你通常会找到根源和创造可以添加到您的知识工具箱中的发现
例如今天 这个问题 教会了我一些东西......我想这取决于你在2天内需要学到多少东西!祝你好运!!