草庐IT

javascript - 如何掌握文档对象模型(DOM)？

coder 2024-05-10 原文

一段时间以来一直在使用 Prototype 和 jQuery 等 Javascript 库进行开发。虽然使用这些库是一件好事，但缺点是使用这些库可能无助于理解幕后发生的事情。

  1. 那么如何掌握 DOM 呢？
  2. 在使用 Javascript 库时了解 DOM 会更有帮助吗？
  3. 在不使用库的情况下，了解 DOM 有什么好处？

非常感谢

最佳答案

  1. 那么如何掌握 DOM？
    这几乎和说“一个人如何掌握编程？”一样笼统，但我会试一试。

    练习是关键。你不能只读几本书就变得很擅长。您需要实践和经验才能知道当您做不同的事情时到底发生了什么，以及不同的浏览器如何解释您正在做的事情。

    当然，您可以做一些事情，一个是开始在HTML Dog上学习教程。 (查看左侧菜单中的 JavaScript 和 HTML DOM)。另外，查看 caniuse.com这样您就可以看到 DOM 中支持的内容。博客也是一个很大的帮助。 John Resig's blog (jQuery 的创造者)是一些更高级的 DOM 技术的好资源。查看 JavaScript 库的代码，看看它们是如何做事的。这会给你一些关于从哪里开始的想法。当然，您首先需要对 DOM 有一些了解和了解才能发挥作用。 DOM is a mess ，因此要真正掌握它可能需要大量时间和耐心。

    您需要以跨浏览器的方式掌握以下内容，这就是为什么最好使用已经编写好的框架。

    • DOM 操作
    • 事件处理
    • AJAX 请求
      .

  2. 在使用 Javascript 库时了解 DOM 会更有帮助吗？
    是的。JavaScript 库很棒，但是如果您不知道框架在(本质上)在幕后做什么，您可能会在 JavaScript 框架中做一些非常不利的事情。例如，jQuery 选择器旨在以特定方式遍历 DOM。如果您不了解 jQuery 遍历的工作原理，它可能会对性能产生重大影响，具体取决于您的情况。

  3. 在不使用库的情况下，了解 DOM 有什么好处？
    好吧，当不使用 JavaScript 库时，您必须对 DOM 有相当扎实的了解才能用 JavaScript 做任何事情。如果您不熟悉 DOM 中的所有内容，可能很难开发出可维护的、适用于所有浏览器的东西。

当然，you should almost never do development without a JavaScript framework .选择一个满足您需求的并掌握它。这比尝试 re-invent the wheel (unless you plan on learning more about wheels) 要好得多.

关于javascript - 如何掌握文档对象模型(DOM)？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/1814829/

javascriptDOMnoreferrerlibraries

有关javascript - 如何掌握文档对象模型(DOM)？的更多相关文章

  1. ruby - 如何使用 Nokogiri 的 xpath 和 at_xpath 方法 - 2

    我正在学习如何使用Nokogiri，根据这段代码我遇到了一些问题:require'rubygems'require'mechanize'post_agent=WWW::Mechanize.newpost_page=post_agent.get('http://www.vbulletin.org/forum/showthread.php?t=230708')puts"\nabsolutepathwithtbodygivesnil"putspost_page.parser.xpath('/html/body/div/div/div/div/div/table/tbody/tr/td/div

  2. ruby - 如何从 ruby​​ 中的字符串运行任意对象方法？ - 2

    总的来说，我对ruby​​还比较陌生，我正在为我正在创建的对象编写一些rspec测试用例。许多测试用例都非常基础，我只是想确保正确填充和返回值。我想知道是否有办法使用循环结构来执行此操作。不必为我要测试的每个方法都设置一个assertEquals。例如:describeitem,"TestingtheItem"doit"willhaveanullvaluetostart"doitem=Item.new#HereIcoulddotheitem.name.shouldbe_nil#thenIcoulddoitem.category.shouldbe_nilendend但我想要一些方法来使用

  3. python - 如何使用 Ruby 或 Python 创建一系列高音调和低音调的蜂鸣声？ - 2

    关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题？更新问题，以便editingthispost可以用事实和引用来回答它.关闭4年前。Improvethisquestion我想在固定时间创建一系列低音和高音调的哔哔声。例如:在150毫秒时发出高音调的蜂鸣声在151毫秒时发出低音调的蜂鸣声200毫秒时发出低音调的蜂鸣声250毫秒的高音调蜂鸣声有没有办法在Ruby或Python中做到这一点？我真的不在乎输出编码是什么(.wav、.mp3、.ogg等等)，但我确实想创建一个输出文件。

  4. ruby-on-rails - 如何验证 update_all 是否实际在 Rails 中更新 - 2

    给定这段代码defcreate@upgrades=User.update_all(["role=?","upgraded"],:id=>params[:upgrade])redirect_toadmin_upgrades_path,:notice=>"Successfullyupgradeduser."end我如何在该操作中实际验证它们是否已保存或未重定向到适当的页面和消息？ 最佳答案 在Rails3中，update_all不返回任何有意义的信息，除了已更新的记录数(这可能取决于您的DBMS是否返回该信息)。http://ar.ru

  5. ruby-on-rails - Rails - 子类化模型的设计模式是什么？ - 2

    我有一个模型:classItem项目有一个属性“商店”基于存储的值，我希望Item对象对特定方法具有不同的行为。Rails中是否有针对此的通用设计模式？如果方法中没有大的if-else语句，这是如何干净利落地完成的？ 最佳答案 通常通过Single-TableInheritance. 关于ruby-on-rails-Rails-子类化模型的设计模式是什么？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.co

  6. ruby-on-rails - 按天对 Mongoid 对象进行分组 - 2

    在控制台中反复尝试之后，我想到了这种方法，可以按发生日期对类似activerecord的(Mongoid)对象进行分组。我不确定这是完成此任务的最佳方法，但它确实有效。有没有人有更好的建议，或者这是一个很好的方法？#eventsisanarrayofactiverecord-likeobjectsthatincludeatimeattributeevents.map{|event|#converteventsarrayintoanarrayofhasheswiththedayofthemonthandtheevent{:number=>event.time.day,:event=>ev

  7. ruby-on-rails - 'compass watch' 是如何工作的/它是如何与 rails 一起使用的 - 2

    我在我的项目目录中完成了compasscreate.和compassinitrails。几个问题:我已将我的.sass文件放在public/stylesheets中。这是放置它们的正确位置吗？当我运行compasswatch时，它不会自动编译这些.sass文件。我必须手动指定文件:compasswatchpublic/stylesheets/myfile.sass等。如何让它自动运行？文件ie.css、print.css和screen.css已放在stylesheets/compiled。如何在编译后不让它们重新出现的情况下删除它们？我自己编译的.sass文件编译成compiled/t

  8. ruby - 如何将脚本文件的末尾读取为数据文件(Perl 或任何其他语言) - 2

    我正在寻找执行以下操作的正确语法(在Perl、Shell或Ruby中):#variabletoaccessthedatalinesappendedasafileEND_OF_SCRIPT_MARKERrawdatastartshereanditcontinues. 最佳答案 Perl用__DATA__做这个:#!/usr/bin/perlusestrict;usewarnings;while(){print;}__DATA__Texttoprintgoeshere 关于ruby-如何将脚

  9. ruby - 如何指定 Rack 处理程序 - 2

    Rackup通过Rack的默认处理程序成功运行任何Rack应用程序。例如:classRackAppdefcall(environment)['200',{'Content-Type'=>'text/html'},["Helloworld"]]endendrunRackApp.new但是当最后一行更改为使用Rack的内置CGI处理程序时，rackup给出“NoMethodErrorat/undefinedmethod`call'fornil:NilClass”:Rack::Handler::CGI.runRackApp.newRack的其他内置处理程序也提出了同样的反对意见。例如Rack

  10. ruby-on-rails - Rails - 一个 View 中的多个模型 - 2

    我需要从一个View访问多个模型。以前，我的links_controller仅用于提供以不同方式排序的链接资源。现在我想包括一个部分(我假设)显示按分数排序的顶级用户(@users=User.all.sort_by(&:score))我知道我可以将此代码插入每个链接操作并从View访问它，但这似乎不是“ruby方式”，我将需要在不久的将来访问更多模型。这可能会变得很脏，是否有针对这种情况的任何技术？注意事项:我认为我的应用程序正朝着单一格式和动态页面内容的方向发展，本质上是一个典型的网络应用程序。我知道before_filter但考虑到我希望应用程序进入的方向，这似乎很麻烦。最终从任何

随机推荐