草庐IT

javascript - 最佳实践 - 在显示 :none, 的文档中预写 HTML 或使用 JS 创建?

coder 2023-08-09 原文

我正在开发一个大型 HTML5 应用程序,我真的很想知道这个问题。我将有很多对话框和选项卡,它们将通过用户交互打开。

我想知道什么是最佳实践 - 在 HTML 文档中编写所有对话框和选项卡,并显示:对所有这些都没有,或者每次用户进行相关操作时使用 JS 或 jQuery 即时创建这些 HTML 部分互动。

在性能、易于开发、可读性等方面哪个更好?

任何帮助将不胜感激。

最佳答案

我会尽力解决这个问题。

1 - 正如我在评论中所说,避免内联样式。 首先,这是因为内联样式破坏了 DRY。 不得不一遍又一遍地重复同样的事情,这对维护和开发来说是非常糟糕的,因为一旦你不得不在大约 100 个地方更改代码,而不是更改代码。

2 - 避免内联样式也有利于可访问性,一些屏幕阅读器和搜索引擎爬虫基于 css 选择器进行索引工作和阅读工作,因此使用内联样式将迫使他们忽略或误解事物。

3 - 作为开发人员工作时,很容易“只是为了好玩”进行内联样式设置,但您实际上正在做的是混合关注点。 HTML 是内容,CSS 是设计。 混合这两者通常会让人头疼,并且让我作为一名开发人员的工作变得非常痛苦,因为我不知道什么是样式以及如何设计。

现在,谈谈性能。

当您使用内联样式时,您告诉浏览器的基本上是“嘿,对于每个页面页面 View ,将这些样式应用于所有这些元素”。现在,这很明显为什么这是不好的。 您无法缓存和存储您的 css,并且基本上每次都会强制浏览器重新呈现您的样式。使用外部 CSS 文件实际上可以帮助您加快网站速度,因为浏览器会对其进行缓存。

那是 css 部分。

您询问的 javascript。

正如我所说,用 css 隐藏东西,用 javascript 显示。现在你为什么要这样做而不是把所有东西都拉进去? 好吧,你可以两者兼顾。如果你只是一个网络浏览器体验那么你可以做任何一个,没关系。我自己更喜欢在 DOM 中包含一些东西,因为它与内容相关,如果你是一个拥有数十个 ajax 调用的大型应用程序,只会让维护变得更加困难。我相信如果你必须使用 ajax 来确保它是重要的并且是合乎逻辑的,而不仅仅是为了好玩(我认为这适用于你可以随意使用 jQuery 和纯 javascript 的情况)。

例如,如果您使用的是 backbone.js,它基于 View 并在您的前端引入某种形式的“MVC”,使您能够拥有可以从服务器拉取内容的 subview 的 View 。

希望对做出决定有所帮助! :)

关于javascript - 最佳实践 - 在显示 :none, 的文档中预写 HTML 或使用 JS 创建?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16185391/

有关javascript - 最佳实践 - 在显示 :none, 的文档中预写 HTML 或使用 JS 创建?的更多相关文章

  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 - 使用 RubyZip 生成 ZIP 文件时设置压缩级别 - 2

    我有一个Ruby程序,它使用rubyzip压缩XML文件的目录树。gem。我的问题是文件开始变得很重,我想提高压缩级别,因为压缩时间不是问题。我在rubyzipdocumentation中找不到一种为创建的ZIP文件指定压缩级别的方法。有人知道如何更改此设置吗?是否有另一个允许指定压缩级别的Ruby库? 最佳答案 这是我通过查看ruby​​zip内部创建的代码。level=Zlib::BEST_COMPRESSIONZip::ZipOutputStream.open(zip_file)do|zip|Dir.glob("**/*")d

  3. ruby - 为什么我可以在 Ruby 中使用 Object#send 访问私有(private)/ protected 方法? - 2

    类classAprivatedeffooputs:fooendpublicdefbarputs:barendprivatedefzimputs:zimendprotecteddefdibputs:dibendendA的实例a=A.new测试a.foorescueputs:faila.barrescueputs:faila.zimrescueputs:faila.dibrescueputs:faila.gazrescueputs:fail测试输出failbarfailfailfail.发送测试[:foo,:bar,:zim,:dib,:gaz].each{|m|a.send(m)resc

  4. ruby-on-rails - 使用 Ruby on Rails 进行自动化测试 - 最佳实践 - 2

    很好奇,就使用ruby​​onrails自动化单元测试而言,你们正在做什么?您是否创建了一个脚本来在cron中运行rake作业并将结果邮寄给您?git中的预提交Hook?只是手动调用?我完全理解测试,但想知道在错误发生之前捕获错误的最佳实践是什么。让我们理所当然地认为测试本身是完美无缺的,并且可以正常工作。下一步是什么以确保他们在正确的时间将可能有害的结果传达给您? 最佳答案 不确定您到底想听什么,但是有几个级别的自动代码库控制:在处理某项功能时,您可以使用类似autotest的内容获得关于哪些有效,哪些无效的即时反馈。要确保您的提

  5. ruby - 在 Ruby 中使用匿名模块 - 2

    假设我做了一个模块如下:m=Module.newdoclassCendend三个问题:除了对m的引用之外,还有什么方法可以访问C和m中的其他内容?我可以在创建匿名模块后为其命名吗(就像我输入“module...”一样)?如何在使用完匿名模块后将其删除,使其定义的常量不再存在? 最佳答案 三个答案:是的,使用ObjectSpace.此代码使c引用你的类(class)C不引用m:c=nilObjectSpace.each_object{|obj|c=objif(Class===objandobj.name=~/::C$/)}当然这取决于

  6. ruby - 如何在 Ruby 中顺序创建 PI - 2

    出于纯粹的兴趣,我很好奇如何按顺序创建PI,而不是在过程结果之后生成数字,而是让数字在过程本身生成时显示。如果是这种情况,那么数字可以自行产生,我可以对以前看到的数字实现垃圾收集,从而创建一个无限系列。结果只是在Pi系列之后每秒生成一个数字。这是我通过互联网筛选的结果:这是流行的计算机友好算法,类机器算法:defarccot(x,unity)xpow=unity/xn=1sign=1sum=0loopdoterm=xpow/nbreakifterm==0sum+=sign*(xpow/n)xpow/=x*xn+=2sign=-signendsumenddefcalc_pi(digits

  7. ruby - 使用 ruby​​ 和 savon 的 SOAP 服务 - 2

    我正在尝试使用ruby​​和Savon来使用网络服务。测试服务为http://www.webservicex.net/WS/WSDetails.aspx?WSID=9&CATID=2require'rubygems'require'savon'client=Savon::Client.new"http://www.webservicex.net/stockquote.asmx?WSDL"client.get_quotedo|soap|soap.body={:symbol=>"AAPL"}end返回SOAP异常。检查soap信封,在我看来soap请求没有正确的命名空间。任何人都可以建议我

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

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

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

  10. ruby - 使用 ruby​​ 将 HTML 转换为纯文本并维护结构/格式 - 2

    我想将html转换为纯文本。不过,我不想只删除标签,我想智能地保留尽可能多的格式。为插入换行符标签,检测段落并格式化它们等。输入非常简单,通常是格式良好的html(不是整个文档,只是一堆内容,通常没有anchor或图像)。我可以将几个正则表达式放在一起,让我达到80%,但我认为可能有一些现有的解决方案更智能。 最佳答案 首先,不要尝试为此使用正则表达式。很有可能你会想出一个脆弱/脆弱的解决方案,它会随着HTML的变化而崩溃,或者很难管理和维护。您可以使用Nokogiri快速解析HTML并提取文本:require'nokogiri'h

随机推荐