【问题标题】:Is it recommended to use javascript to build layouts?是否建议使用 javascript 来构建布局?
【发布时间】:2011-01-24 12:04:47
【问题描述】:

我正在创建一个博客,但我的盒子需要盒子阴影,所以我要问以下问题。

通过 a)images/css 或 b)javascript 添加阴影好不好?

我听说很多人在浏览时没有启用 javascript,所以这是一个问题吗?使用 javascript 创建这些阴影比添加一百万个 div 并定位它们更容易和更简单。

编辑:我找到了这个页面:http://www.w3schools.com/browsers/browsers_stats.asp,它说 almoset 每个用户都启用了 js。

【问题讨论】:

    标签: javascript jquery layout shadow


    【解决方案1】:

    您可以使用 JavaScript 进行布局,但您应该记住的一般原则是您的 HTML 应该是语义的:页面上的元素应该有意义;它应该投射一个超出页面设计的结构(尽管该结构肯定也可以用作设计方面的指标)。

    应用此原则后,根据页面的语义,使用 JavaScript 可以帮助提供您希望投影的样式。

    此外,您应该检查您的服务器日志(您的托管服务提供商应该有某种可用的分析工具/报告),它应该告诉您正在使用哪些浏览器和版本来访问您的网站。有了这些信息,您就可以很好地了解您目前正在接触的人。

    如果您正在使用某种分析包(例如Google Analytics),那么您也可以看到新访问者在两个时间段之间的差异,并尝试衡量浏览器的功能新用户在访问您的网站时将使用它们。

    在前端使用 JavaScript 操作 DOM 时需要考虑的几点:

    • 如果您使用 JavaScript 来处理大量内容,这将是一个客户端进程,这会减慢页面的呈现速度。您可能需要为您的博客/cms 考虑一个主题/模板,它可以为您提供所需的样式,并通过服务器端的 CSS 呈现。

    • 搜索引擎不会执行您的 JavaScript。因此,您希望不惜一切代价避免操纵可索引内容。您希望您的内容在从服务器发送时嵌入到 HTML 中。使用 AJAX 或其他 JavaScript 来操作某些东西很好,但是当涉及到您的内容时,除非您对它进行样式化,否则不要不要使用 JavaScript 来操作它

    【讨论】:

    • 谢谢,这个答案让我深思。我从来没有想过这些事情。
    【解决方案2】:

    为漂亮的最新浏览器使用 CSS box-shadow:http://css-tricks.com/snippets/css/css-box-shadow/(需要 no 额外标记)

    对于大多数其他人来说,提供您的 js 解决方案。

    【讨论】:

      【解决方案3】:

      你应该为你做最简单的方法,并允许页面为那些没有 JS 的人优雅地降级(如果你认为你需要考虑它们,就像今天一样,我认为构建无 JS 站点或构建没有任何意义无 js 用户的网站)。

      【讨论】:

        猜你喜欢
        • 2018-09-22
        • 1970-01-01
        • 2020-06-11
        • 1970-01-01
        • 1970-01-01
        • 2015-08-23
        • 2014-06-26
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多