jjzjj

javascript - Web应用程序是否可能存在松耦合？

coder 2024-07-01 原文

我知道应该使用HTML，CSS和JS分别实现内容，表示形式和行为的分离，以实现它们。是否有最佳实践来具体绑定(bind)这些元素，同时在动态Web应用程序中保持松散耦合？可能吗最佳选择是不依赖jQuery？

为了澄清我在说什么:HTML没有定义新标签的机制，因此，当您的JavaScript模型需要生成内容时，其表示的标签和结构必须在JS中定义，或者以某种方式使其可访问行为与内容的耦合。

在有人打电话给OOP之前，我想将标记和CSS类保留在JS之外的原因是，我什至不想将HTML作为前端。我最终将要使用的基础模型至少有五种不同的表示形式，并将模型与HTML紧密耦合，至少要排除其中两种。

有什么方法可以将模型后期绑定(bind)到目标表示，而不牺牲动力学或松散耦合吗？像XML文档一样，相应的模型元素可以模板化HTML代码段？

更新

尽管提供有关分解和OO最佳实践的问题的具体细节似乎是落后的，但我想提供一个HTML固有的形式与功能纠缠的新示例。 HTML和JS之间内容和行为的纠缠是问题所在，但不是示例，我希望我的答案在更改细节时不会中断。这是与我最初问这个问题时所从事的项目截然不同的项目，但要旨是相同的:

  • 我为UI小部件提供了一些HTML。这是一个向用户表示模型对象(调色板选择)的 View 。调色板本身是应用程序任务的一部分，因此它们不是 View ，而是模型。
  • 我想在至少2个不同的对话框(以及将来可能需要的任何对话框)中使用此小部件。其中之一是，我需要更改选择以立即采取行动，即对同一对话框的一部分的 Canvas 元素中的一组图像重新着色。在另一种情况下，我只需要从两个不同的集合中进行选择-每个集合中一个选择。
  • 我不想复制并粘贴此小部件的HTML表单或JS行为，因为我希望维护和修订从一个基本事物传播到其所有实例。因此，无论其形式如何，小部件的一个实例都可能存在于我的源代码中。
  • 我不想让我的JS直接呈现HTML标签，因为这样做会放弃我的IDE的错误检查和对HTML的内容帮助。此外，如果HTML输出存在问题，则它们在我的JS中的来源将不太清楚，因为生成HTML的过程看起来不像HTML，或者不一定反射(reflect)其结构。最后，我想独立于我的JS测试更改小部件的CSS和HTML的效果。
  • 我不想涉及其他依赖项，例如我的资料中使用了单独的模板和参数化语言，因为将来对各种标准的更改或不断变化的需求可能会破坏它们的兼容性，或者它们本身可能会变得难以维护，从而给我留下了大量无用的资料。依赖jQuery是可以的，因为它在浏览器之间进行标准化(更不用说为方便起见)所做的工作要比它无处不在的可能性要大得多，但是其他库将被极度怀疑。
  • 我想在仅引用窗口小部件及其组成部分的JS中指定更改和检索窗口小部件状态的详细信息(颜色由调色板组成，用户如何在其中进行选择)，因为它将成为多个对话框的一部分以不同的方式使用其信息。
  • 同时，其他JS代码(对话框的行为)需要能够观察和初始化小部件的状态-但不包括对小部件内部结构的任何特定引用，这有一天可能会更改以适应新功能，修复错误等。

    • 为了简单地制作小部件的HTML的多个副本，我可以选择在存在于HTML文件中的模板节点上调用jquery.clone，然后从设置对话框的函数中在需要的地方插入内容。当任何克隆的元素具有id或name属性时，HTML都会使事情变得困难，但是在克隆过程中进行仔细的处理可以使唯一标识符，将其对应的label元素和href属性指向新标识符，并使旧属性可在数据属性中访问。因此，所有内容和结构都很好，而且CSS表示显然可以很好地传播到克隆。

    当我尝试使用其对话框的 Controller 实现小部件的界面时，碰到了麻烦。公开小部件状态抽象的最适合 future 的方法是什么？即我不想使用widgetJquery.find('input:checked').val()从代码中获取选定的颜色，这些代码不一定要基于一个选中的输入元素(其value属性是一组序列化的颜色)来进行选择。

    我希望这样可以使我在寻找什么时更加清晰，而又不把问题与细节混为一谈。

    最佳答案

    您总是可以让不同的XSLT解析XML。
    但是，看来您尝试太多了。
    使用MVC，使用不同的 View 进行解析。

    您所写的方法在旧系统中很常见，我在10年前就曾使用过这种方法，可能有充分的理由说进化会杀死它。

    关于javascript - Web应用程序是否可能存在松耦合？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9154586/

    javascriptWeb部件的HTMLcssxmloop

    有关javascript - Web应用程序是否可能存在松耦合？的更多相关文章

    1. ruby - 在 Ruby 程序执行时阻止 Windows 7 PC 进入休眠状态 - 2

      我需要在客户计算机上运行Ruby应用程序。通常需要几天才能完成(复制大备份文件)。问题是如果启用sleep，它会中断应用程序。否则，计算机将持续运行数周，直到我下次访问为止。有什么方法可以防止执行期间休眠并让Windows在执行后休眠吗？欢迎任何疯狂的想法;-) 最佳答案 Here建议使用SetThreadExecutionStateWinAPI函数，使应用程序能够通知系统它正在使用中，从而防止系统在应用程序运行时进入休眠状态或关闭显示。像这样的东西:require'Win32API'ES_AWAYMODE_REQUIRED=0x0

    2. 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

    3. ruby - 将差异补丁应用于字符串/文件 - 2

      对于具有离线功能的智能手机应用程序，我正在为Xml文件创建单向文本同步。我希望我的服务器将增量/差异(例如GNU差异补丁)发送到目标设备。这是计划:Time=0Server:hasversion_1ofXmlfile(~800kiB)Client:hasversion_1ofXmlfile(~800kiB)Time=1Server:hasversion_1andversion_2ofXmlfile(each~800kiB)computesdeltaoftheseversions(=patch)(~10kiB)sendspatchtoClient(~10kiBtransferred)Cl

    4. ruby - 如何以所有可能的方式将字符串拆分为长度最多为 3 的连续子字符串？ - 2

      我试图获取一个长度在1到10之间的字符串，并输出将字符串分解为大小为1、2或3的连续子字符串的所有可能方式。例如:输入:123456将整数分割成单个字符，然后继续查找组合。该代码将返回以下所有数组。[1,2,3,4,5,6][12,3,4,5,6][1,23,4,5,6][1,2,34,5,6][1,2,3,45,6][1,2,3,4,56][12,34,5,6][12,3,45,6][12,3,4,56][1,23,45,6][1,2,34,56][1,23,4,56][12,34,56][123,4,5,6][1,234,5,6][1,2,345,6][1,2,3,456][123

    5. 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

    6. ruby - 在 Ruby 中编写命令行实用程序 - 2

      我想用ruby​​编写一个小的命令行实用程序并将其作为gem分发。我知道安装后，Guard、Sass和Thor等某些gem可以从命令行自行运行。为了让gem像二进制文件一样可用，我需要在我的gemspec中指定什么。 最佳答案 Gem::Specification.newdo|s|...s.executable='name_of_executable'...endhttp://docs.rubygems.org/read/chapter/20 关于ruby-在Ruby中编写命令行实用程序

    7. ruby-on-rails - Rails 应用程序之间的通信 - 2

      我构建了两个需要相互通信和发送文件的Rails应用程序。例如，一个Rails应用程序会发送请求以查看其他应用程序数据库中的表。然后另一个应用程序将呈现该表的json并将其发回。我还希望一个应用程序将存储在其公共(public)目录中的文本文件发送到另一个应用程序的公共(public)目录。我从来没有做过这样的事情，所以我什至不知道从哪里开始。任何帮助，将不胜感激。谢谢! 最佳答案 无论Rails是什么，几乎所有Web应用程序都有您的要求，大多数现代Web应用程序都需要相互通信。但是有一个小小的理解需要你坚持下去，网站不应直接访问彼此

    8. ruby - 无法运行 Rails 2.x 应用程序 - 2

      我尝试运行2.x应用程序。我使用rvm并为此应用程序设置其他版本的ruby​​:$rvmuseree-1.8.7-head我尝试运行服务器，然后出现很多错误:$script/serverNOTE:Gem.source_indexisdeprecated,useSpecification.Itwillberemovedonorafter2011-11-01.Gem.source_indexcalledfrom/Users/serg/rails_projects_terminal/work_proj/spohelp/config/../vendor/rails/railties/lib/r

    9. ruby-on-rails - Rails 应用程序中的 Rails : How are you using application_controller. rb 是新手吗？ - 2

      刚入门rails，开始慢慢理解。有人可以解释或给我一些关于在application_controller中编码的好处或时间和原因的想法吗？有哪些用例。您如何为Rails应用程序使用应用程序Controller？我不想在那里放太多代码，因为据我了解，每个请求都会调用此Controller。这是真的？ 最佳答案 ApplicationController实际上是您应用程序中的每个其他Controller都将从中继承的类(尽管这不是强制性的)。我同意不要用太多代码弄乱它并保持干净整洁的态度，尽管在某些情况下ApplicationContr

    10. ruby - 检查数组是否在增加 - 2

      这个问题在这里已经有了答案:Checktoseeifanarrayisalreadysorted?(8个答案)关闭9年前。我只是想知道是否有办法检查数组是否在增加？这是我的解决方案，但我正在寻找更漂亮的方法:n=-1@arr.flatten.each{|e|returnfalseife

    随机推荐