single-page-application相关内容

为SPA前端配置Spring Boot

我有整个前端部分正在铺设资源的应用程序。我想将事情分开。例如,为用户界面提供单独的服务器。 所以我假设我的服务器应该为客户端呈现的所有请求返回 index.html 。 例如:我有'user /:id'路由,它是通过角路由管理的,并且不需要任何服务器。我如何配置,以便服务器不会重新加载或重定向到任何地方? 我的安全配置如下(不知道它是否对此负责): public clas ..
发布时间:2018-05-31 11:28:46 Java开发

节点js为http服务器和主机angularJS SPA

我有一个应用程序写在angularJS上,并由grunt构建。有没有一种方法可以从节点js创建一个http服务器并将其托管在那里。请分享任何有助于解决问题的代码段或文档。谢谢 如果您没有任何服务器端逻辑,你可以简单地通过npm的http-server模块为客户端提供AngularJS / HTML / css服务。 https://www.npmjs.com/package/http-serve ..

使用#个视图为单页网站启用Google Analytics

我读过类似的问题,但我的问题稍有不同。 我正在为使用Kendo UI的网站实施单页注册处理页面。该网站有4个页面,当用户单击菜单选项卡时,该页面是动态生成的。例如,当用户点击菜单上的tab1时, tab_1 会被注入到 app_container 容器中。 模板如下: ..

GTM随机跳过单页面应用中的初始浏览量

我在Google跟踪代码管理器中拥有浏览量标签,可跟踪SPA浏览量,与本指南。基本上它是 Universal Analytics ,带有关联的Google AnalyticsID,它在历史记录变更触发(某点所有页面触发器在我当前的应用程序中,GTM在所有路线的初始浏览量中跳过 Pageview 标记没有异步解析器。通常这些路由有时会触发标签(5次),这可能会因条件而有所不同(缓存与非缓存,本地主机 ..

EmberJS(和其他单页Web应用程序) - 如何处理不同页面的SEO,FB OpenGraph,Twitter等元数据?

正如标题所示,我正在使用Ember处理单页面应用程序,但是个别页面能够指定用于共享(FB,Twitter)的元数据并具有量身定制的SEO元数据是非常重要的。 你如何做到这一点?我们不能在页面加载后调整元数据,所以我的假设是,我们需要一个服务器端组件,该组件正在读取URL并在必要时插入正确的元数据。不幸的是,这似乎会使单页应用程序笨重,因为它现在必须向服务器请求更改页面。 有人解决了这个 ..
发布时间:2017-08-16 02:20:35 JavaScript

单页应用程序架构(JavaScript)

我想了解设计单页应用程序(主要是通过JavaScript)的整体架构。 假设我有一个登录页面(Usernam / Password)并且成功认证,我显示了主页。现在登录和主页屏幕实际上应该是单页的一部分。 我如何设计这样的页面? 解决方案 这是一个广泛的问题,整本书都可以写成详细回答。 基本上你需要做的是使用AJAX而不是页面重新加载。您仍然需要连接到服务器来验证用户,而 ..

单页应用程序与登录页面深度链接

我的团队将为未来的项目构建单页应用程序。目前,我在使用登录页面设计应用程序时遇到问题。有两种方法: 将登录页面创建为单独的页面,其余的应用程序是另一个页面。 该应用只有1页,登录页面将是使用javascript来回切换的应用中的视图。 我不知道应该采取哪种方式。我已经在互联网上阅读了一些讨论,似乎更加流行的创建登录页面作为单独的页面,原因是我们可以使用正常的基于cookie的身份验证 ..
发布时间:2017-05-12 20:30:05 软件设计

CSS网格/布局框架,重点是固定元素和单页全屏布局

经验法则 - 如果你在你的布局中乱七八糟的CSS,切换到一个框架。我已经经历了几十个网格/布局框架,大部分都专注于传统的文档网格布局。 我的页面更多是一个SPA单页应用)。它类似于桌面应用程序使用的布局。显然HTML不处理这个很好,需要大量的CSS修补。 这是我想要实现的布局示例(这应该填充整个屏幕): 请注意,固定菜单不应该悬停在滚动内容上在他们后面。每个块应该位于自己单独的“ ..
发布时间:2017-02-06 12:45:51 前端开发

如何检测浏览器后退按钮事件 - 跨浏览器

如何确定地检测用户是否已在浏览器中按下返回按钮? 如何在单页网络应用程序中使用 #URL 系统? 为什么不在浏览器后退按钮触发自己的事件? 解决方案 (注意:根据Sharky的反馈,我已经包含了检测后台空间的代码) 所以,我经常看到这些问题,最近遇到了控制回按钮功能的问题。在为我的应用程序搜索最佳解决方案(使用Hash导航的单页面)几天后,我想出了一个简单的,跨浏览器 ..

OAuth2 - 检索TOKEN时OPTIONS请求的状态401

我们的堆栈使用Backbone作为我们的客户端应用程序,使用Spring Boot作为RESTful API。 我们试图使用OAuth2和密码。 我们使用Spring Security进行身份验证,使用jQuery $ .ajax方法进行请求。然而,我们得到的反应是401(未授权)状态在prelight OPTIONS请求,我们甚至可以POST标题与我们的秘密授权。 然而,我们可以P ..

屏幕键盘出现时保留页面布局(iOS / phonegap)

我使用cordova和angularJS创建单页非原生iOS应用程序。每当屏幕上的iPad键盘出现时,div元素向上移动并压缩在一起,以弥补较小的观看屏幕大小。 如何使所有div元素在键盘弹出时保持在原位,只切出键盘占用的屏幕底部,而不重新排列所有元素? 提前感谢。 解决方案 您的config.xml: ..
发布时间:2017-01-08 01:38:03 前端开发