是否建议使用javascript来构建布局?

时间:2010-03-06 17:27:38

标签: javascript jquery layout shadow

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

通过a)images / css或b)javascript添加阴影是否合适?

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

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

3 个答案:

答案 0 :(得分:4)

你可以使用JavaScript作为你的布局,但你应该记住的一般原则是你的HTML应该是语义的:页面上的元素应该有意义;它应该投影超出页面 design 的结构(尽管该结构当然也可以用作设计方面的指示符。)

当应用此主体时,在给定页面的语义含义的情况下,使用JavaScript可以帮助提供您希望投影的样式。

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

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

使用JavaScript在前端操作DOM时需要考虑的一些事项:

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

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

答案 1 :(得分:1)

使用CSS box-shadow获取精美,最新的浏览器:http://css-tricks.com/snippets/css/css-box-shadow/(需要额外标记)

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

答案 2 :(得分:0)

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