2012-01-10 41 views
3

将我的所有内容保存在JavaScript/HTML/CSS代码的一页中是否是糟糕的设计选择?也就是说,我会拥有导航按钮,可以简单地显示/隐藏网站的相关方面。拥有一个页面可以容纳所有内容的好设计吗?

我知道这可能是网站的依赖,但这是相对的网站/ Web应用程序,所以希望答案来概括。

+0

这真的取决于。你有多少内容?我会说一个好方法是禁用所有样式和所有JavaScript,并且像这样看待它。你还能理解吗?你需要做多少次滚动才能获得重要的内容?是否有会员页面不属于并且真的应该分开? – Ryan 2012-01-10 17:33:23

+0

初始内容非常少。我更担心任何限制自己进入单页面的技术含义/可伸缩性问题。 – sdasdadas 2012-01-10 17:52:21

回答

2

这可能不是你要找的答案,但它确实取决于你想做什么。如果您有少量的内容被隐藏,并且基于用户的操作显示,那么一次加载所有内容可能是最佳选择。但是,如果您试图显示和隐藏大量可能是交互式信息并且有大量与其关联的附加数据(如大型下拉列表或动态数据),则可能需要加载按需提供应用程序的这些部分,以便加载初始页面结构,然后在用户与页面交互时,再次加载次要部分。

jQuery UI允许您通过允许您挂接ajax调用来单击时动态加载标签页,展开时的手风琴版块或请求时的对话框。我在当前的项目中使用了很多,它确实减少了最初加载的DOM的大小,并且假设用户具有良好的连接,可以让您以低成本降低页面中的其他“部分” 。(编辑:我应该注意到,几乎所有的JavaScript框架都允许动态加载内容,以及只使用JavaScript本身的sans框架。)

+0

这实际上是我的计划 - 感谢您的验证。我只是想确保如果我将内容和用户界面保存在一个页面中,我就不会成为网络麻烦的人。 – sdasdadas 2012-01-10 17:56:56

+0

很高兴能帮到你!祝你的项目好运。 – 2012-01-10 17:58:45

2

这取决于你的页面大小。请记住,所有数据都需要通过线路传输。如果你的页面非常大,那么是的,这是一个坏主意,因为加载时间会非常糟糕。不要忘记互联网连接速度慢的人和移动设备。

请提供更多信息。

+0

该页面非常动态(它通过aspx从数据库中提取一些数据)。因此,通过HTML提供的内容很少,大部分只是用户请求的任何内容。 – sdasdadas 2012-01-10 17:49:43

+0

我看不到你的代码。但是如果你使用ajax动态加载的话,那么你也许可以做到这一点。 – dknaack 2012-01-10 17:52:19

2

其糟糕的设计,你应该有分离的CSS js和html文件。 每个页面都应该有自己的html文件,而像header/footer这样的常见组件可以包含在所有htmls中。

+0

我分离了JS,CSS和HTML文件。我的问题更多地涉及我是否应该将我的HTML和JS文件拆分为单独的文件,或者将它们都保存在一个大的HTML和一个大的JS中。 – sdasdadas 2012-01-10 17:53:29

1

实际上,有在.NET世界这样的设计模式 - 我忘了叫什么了,但基本的Index.aspx将成为唯一的页面您的网站,并根据用户的交互内容的变化。

使用jQuery和普通HTML我认为同样认为同样的事情在理论上是可能取决于你的页面有多大(看到你的页面大小的其他响应)。

在开发过程中请注意保养。

+0

大多数开发将在服务器端完成,所以希望我的页面大小保持相当的静态。 – sdasdadas 2012-01-10 17:54:55

1

可以给你这个问题的答案的最好的人是你的网站/应用程序的潜在用户。

为他们打开在不同的标签几页,更容易书签和导航这可能是有用的。同样,通过在一页中完成所有操作,您将失去浏览器最常用的功能:“返回”和“转发”按钮。

通常你会带领您到一个页面中做的一切是你想拥有的一切单一的URL,无论是技术或组织原因。

如果您有时间,我建议制作一个快速原型并让一些可能的用户测试它。

相关问题