问题标签 [singlepage]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
181 浏览

javascript - 单页网站,我想在刷新页面后的某个时间点获得

我有一个单页网站,其中有一个名为 sitecontent 的 div,宽度为 4400,其中包含 4 个“页面”。页面从站点内容的 0 像素、站点内容的 1100 像素、站点内容的 2200 像素和 3300 像素开始。

我使用 Jquery 将 de div 位置设置为正确的 px,因此我可以显示正确的文本。按下链接后,我得到例如:

在其中一个页面上,我必须刷新页面,刷新后我希望页面在 1100px 上显示相同的“页面”,但它从主页 0px 开始。

有什么办法可以确保站点内容从首页的-1100px开始?

提前致谢,

干杯

0 投票
2 回答
521 浏览

javascript - 如何为单页应用程序实现 isDirty 标志 onLeave?

我有一个用 MVC4 编写的单页应用程序,它使用pjax()将 html 推送到我页面中的各种 s 中。我有一个允许用户编辑数据的子表单,如果用户更改数据,则在 javascript 中设置 isDirty 标志以触发页面底部存在未保存更新的警报。当用户尝试离开页面而不保存时,我还想实施额外的警告。如果我使用这样的传统 onbeforeunload 函数

如果我尝试关闭页面或完全离开该站点,它会调用警报,但是如果用户单击我的一个链接,该链接重新填充了一些不同的信息,它不会触发,因为您实际上并没有离开页面。我如何构建它,以便这些 pjax() 链接之一引起类似于如果我关闭页面的警报?

0 投票
3 回答
10064 浏览

javascript - 命令单击不会打开新选项卡,但中键单击会

在我的网站上,这是一个使用 Sammy.js 和 jQuery 的单页 JS 网站,当我用鼠标中键单击链接时,该链接会在新选项卡中打开。但是当我在 Mac 上单击命令时,它不会。这在 Firefox 和 Chrome 中都会发生,所以我认为它必须以某种方式符合规范。

这发生在 Macbook Air 上(所以触控板 + 命令按钮)。大多数站点都可以正常工作,命令单击与普通的中键单击相同。

自己尝试一下:https ://circleci.com 。在“关于”、“主页”和“联系人”之间单击命令,您应该会遇到问题 - 它们不会在新标签中打开。

0 投票
7 回答
7107 浏览

asp.net-mvc - 淘汰赛、CKEditor 和单页应用程序

我遇到了涉及 KnockoutJS 和 CKEditor 的情况。

基本上,我们网站的一部分是“单页”应用程序样式,目前它只涉及 2 个页面,但可能会随着时间的推移而扩展,目前它只是一个“列表”页面和一个用于项目的“管理”页面列表。

管理页面本身需要某种富文本编辑器,我们已经使用 CKEditor 为公司范围的解决方案。

因为这 2 个页面是“单页”样式,显然 CKEditor 无法注册管理元素,因为它们在页面加载时不存在 - 足够简单的问题来解决。因此,作为一个示例,我将 CKEditor 附加到了一个效果很好的点击事件上。下一个问题是,已经设置的 Knockout observables 没有得到更新,因为 CKEditor 实际上并没有修改它附加的文本区域,它创建了所有这些你实际编辑的 div/html 元素。

经过一番谷歌搜索后,我找到了一个使用 TinyMCE 执行此操作的示例 - http://jsfiddle.net/rniemeyer/GwkRQ/所以我想我可以为 CKEditor 调整类似的内容。

目前我已经非常接近有一个可行的解决方案了,我已经使用这种技术初始化和更新了正确的 observables(我将在底部发布代码),甚至正确地发回服务器 - 太棒了。

我目前遇到的问题是“单页”应用程序部分和 CKEditor 的重新初始化。

基本上发生的情况是您可以从列表中单击以管理然后保存(返回到列表页面)然后当您转到另一个“管理”时,CKEditor 被初始化但它没有任何值,我已经检查过更新代码(如下)和“值”肯定具有正确的值,但它没有被推送到 CKEditor 本身。

可能是对 CKEditor 的流程/初始化过程缺乏了解,或者对淘汰赛绑定缺乏了解,或者可能是为我们的单页应用程序设置的框架存在问题 - 我不确定。

这是代码:

因此,在 HTML 中,它是一个相当标准的淘汰赛“数据绑定:ckeditor”,它在 ViewModel 初始化时为其应用绑定。

我放了调试器;在代码中查看流程,看起来当我第一次加载时它调用 init,然后更新,当我第二次进入时它会点击 ko.utils.domNodeDisposal 来处理元素。

我试过不破坏它,然后 CKEditor 抱怨该名称已经存在。我试过不破坏它并检查它是否存在并初始化如果它不存在 - 这是第一次有效,但第二次我们没有 CKEditor。

我认为我缺少的只有一件事可以让它发挥作用,但我已经用尽了所有选择。

有谁知道整合这三件事可以帮助我吗?

有没有可以帮助我的淘汰专家?

任何帮助将非常感激。

医学博士

0 投票
1 回答
146 浏览

singlepage - 使用淘汰赛和结果卡住 MVVM 声明

我有这种格式的服务返回数据 在此处输入图像描述

现在我正在尝试以这种方式访问​​ html 中的数据 在此处输入图像描述

我可以访问当前期间,但不能访问 WebChartView 的 Id。

顺便说一句,我正在使用 MVC4 chartResult 是视图模型

0 投票
1 回答
1727 浏览

asp.net-mvc-4 - Knockoutjs,SPA,MVC 4 如何将数据从 Knockoutjs 传递到控制器?

我正在使用 knockoutjs 和 MVC,我真的不知道如何将数据从 Knockoutjs 传递到 Controller。我尝试使用

但不工作。请告诉我如何做到这一点。谢谢。

0 投票
1 回答
958 浏览

asp.net - ASP.NET SPA 作为 Silverlight 的替代品?

我是一个庞大的 Silverlight 用户。
由于我开始意识到 Silverlight 迟早会消亡(据我所知,不会有 SL 6),因此我开始四处寻找替代技术。

我需要像 Silverlight 这样的流畅响应式 UI,并且我需要一种开发成本为零的技术。Silverlight 实际上非常棒,但它缺少一些关键特性(绑定类型、共享大小组等),而且由于它不会再被开发,我正在考虑其他事情。它也不是真正的多平台(最低支持 Android 和 iOS)。

无论如何,我研究了 ASP.NET SPA,我有点喜欢这个想法,但另一方面,我认为 HTML5/javascript 与 Silverlight 相去甚远,首先是 C#/VB.NET 作为一种语言,然后是所有相关的工具,例如 Entity-Framework、带有脚手架和验证的 WCF-RIA、SDK/Toolkit 等。

所以我的问题是,是否有任何方法可以制作将我的 Silverlight 网站转换为 HTML5+CSS3+Javascript 的生成器,以便它可以在每个平台上运行,也许可以通过将其转换为 SPA 应用程序。

您是否听说过任何涵盖此问题的现有项目?你认为它是可行的还是需要我几年的时间来开发它?

0 投票
1 回答
907 浏览

asp.net-mvc - MVC4 单页应用程序 - 多个屏幕

翻阅微软的教程,他们似乎在非常简单的场景中使用了 SPA,即过滤或更新单个列表。

假设我有一个稍微复杂一点的界面,我可能有多个列表、多个添加屏幕和一些向导等来指导用户完成某些过程。

单页应用程序的首选方法是否会为系统的每个区域拥有多个控制器和视图,即如果我有一个用户管理区域 - 这可能是一个控制器/视图,维护用户配置文件可能是另一个控制器/视图。

因此,用户体验将是页面之间的导航,但是在他们想要执行某些操作的页面上,这都是 AJAX 吗?

如果这样的应用程序是真正的 SPA,我想我最终会在一个页面中显示大量div,反映系统中每个区域的用户界面 - 此页面的占用空间可能很大?

我想我可以通过将其与FaceBook进行比较来比较我想要实现的目标?但是,我假设他们正在通过 AJAX 即时下载视图,因此占用空间相对较小。

0 投票
1 回答
5812 浏览

javascript - 如何过滤 Backbone.js 集合并重新渲染应用程序视图?

是一个完整的 Backbone.js 菜鸟问题。我正在处理 ToDo Backbone.js 示例,试图构建一个相当简单的单一应用程序界面。虽然 todo 项目更多的是关于用户输入,但这个应用程序更多的是基于用户选项(点击事件)过滤数据。

我对 Backbone.js 和 Mongoose 完全陌生,无法找到一个很好的例子来说明我正在尝试做的事情。我已经能够让我的 api 从 MongoDB 集合中提取数据并将其放入 Backbone.js 集合中,该集合在应用程序中呈现它。我一生都无法弄清楚如何过滤该数据并重新渲染应用程序视图。我正在尝试按文档中的“类型”字段进行过滤。

这是我的脚本:

(我完全知道需要进行一些重大的重构,我只是在快速制作一个概念的原型。)

0 投票
2 回答
5884 浏览

django - 适合单页 Web 应用程序的后端?

以前我主要用 Django 编写 Web 应用程序,但现在我越来越多地发现我想使用 Backbone.js 或类似的 JavaScript 框架编写单页 Web 应用程序,后端只包含一个数据库和一个 API。

我的问题是这样的。如果我的应用程序结构如下所示:

而且我在 Django 中最舒服——但也热衷于学习新事物,例如 NoSQL 和 Node,如果它们合适的话——人们会推荐我用于 (2) 什么?

通常我会使用带有 Piston 的 Django 作为 API 应用程序,但拥有所有 Django 并仅将其用作 API 提供程序似乎相当重量级。不过,也许我不应该担心。