标签: single-page-application

微风和Internet Explorer 8问题

我刚刚开始学习SPA应用程序,我在IE8上运行它时遇到问题.我正在使用mvc4和EF.该应用程序使用durandal构建.

我使用的是jquery 1.10,因为jquery 2在IE 8上不起作用.

基本上我得到的错误是

'Unhandled exception at line 786, column 9 in http://localserver/scripts/breeze.debug.js

0x800a01b6 - Microsoft JScript runtime error: Object doesn't support this property or method'.
Run Code Online (Sandbox Code Playgroud)

该应用程序在Firefox和Chrome上运行良好.

asp.net-mvc-4 single-page-application breeze

1
推荐指数
1
解决办法
1328
查看次数

推荐asp.net mvc SPA

我目前有visual studio 2010,并希望获得有关利用单页应用程序的最佳方法的一些建议.我以前使用ExtJs运行良好,但是我想知道现在有没有人会推荐的框架?这是一个驾驶舱显示统计数据和显示图表等.

asp.net-mvc single-page-application

1
推荐指数
1
解决办法
1282
查看次数

带有散列更改的简单 SPA(单页应用程序)实现

我正在制作一个应用程序,让用户在页面 A 上做一些事情。但是,我想包含一个将他链接到页面 B 的功能,并在完成 B 上的活动后,将他链接回 A,并在他的页面 A 上取得进展. 目前,在链接到页面 B 然后返回到 A 之后,页面 A 上的所有进度都消失了并回到了 0。这将如何实现?

html javascript jquery cordova single-page-application

1
推荐指数
1
解决办法
2606
查看次数

AngularJS:在ng-click上显示和隐藏类

我正在AngularJS的一个网站上工作.我有一个表格,故意设置为"display:none".

我有一个按钮,上面写着.我想要的是,当我点击创建按钮时,设置为"display:none"的表单应该更改为"display:block",并且应该隐藏创建按钮.

提交表单后,表单应隐藏,再次显示创建按钮.

PS:现在我明白有几种方法可以做到这一点,比如我可以使用ng-show或ng-hide指令.或者我可以使用ng-click指令.在开发严肃而专业的Web应用程序时,我想知道在这种情况下最好的编程实践是什么.

这是一件简单的事情,所以如果你能提供很好的代码.

javascript jquery performance-testing angularjs single-page-application

1
推荐指数
1
解决办法
8035
查看次数

每页localStorage?

在HTML5中,是否可以创建仅单个网页可以访问的本地存储?

我目前正在尝试编写独立的单页面应用程序的可能性,以及用户是否可以自己托管它们,例如在其Dropbox(具有一些用于公共文件的基本Web托管功能)上还是通过在Windows Server 2003上运行最小的Webserver来托管它们。localhost

然后,用户可以从其本地服务器/ Dropbox中的各种来源启动此类HTML应用程序,或者被要求从另一个用户Dropbox中打开一个HTML应用程序。

由于所有这些页面都将从同一来源(当前为https://dl.dropboxusercontent.com)提供服务,因此它们都将共享一个localStorage,这可能会在名称冲突时泄漏功能,并泄漏数据;例如,这样的页面可能要在中存储用于访问用户Dropbox帐户的身份验证令牌localStorage,但是其他任何此类“应用程序”都将能够窃取令牌。


我必须在这里说,我是HTML5的新手,并且很可能会扩展此处的预期使用范围,因为由于诸如同源策略之类的基本Web安全概念(尤其是在打开HTML文件时),我一直受到限制从本地驱动器通过file:// uri。

核心意图是允许用户通过利用其现有的Web服务订阅进行托管和数据同步,而不是将其数据移动到另一服务,从而在移动设备和台式设备上托管自己的自定义应用程序。

javascript security html5 local-storage single-page-application

1
推荐指数
1
解决办法
506
查看次数

Turbolinks 总是像往常一样加载页面

我正在测试Turbolinks是否可以帮助我们的 Web 应用程序看起来更快一点,表现得“几乎像”一个单页应用程序。

由于我们已经在所有链接上的所有点击上有了一种“主钩”,我设置data-turbolinks="false"<body>然后更改了我们的点击处理程序以调用 Turbolinks:

function goToUrl(url) {
  // some controls here, and then ...

  Turbolinks.visit(url);
}
Run Code Online (Sandbox Code Playgroud)

我还禁用了缓存并将根设置为/

<meta name=\"turbolinks-cache-control\" content=\"no-cache\">
<meta name=\"turbolinks-root\" content=\"/\">
Run Code Online (Sandbox Code Playgroud)

但是,我注意到它总是执行标准的页面更改,而不是它的“魔法”。

如果我从控制台调用该方法,也会发生同样的情况,没有显示错误或警告,但页面加载正常,而不是使用 Turbolinks“魔术”。

它唯一有效的时间是访问根地址 ( "/") 时。

Is there some more configuration involved, than simply using the visit() method?

EDIT:

After further testing, I noticed that, when the call to Turbolinks.visit(url) seems to "fail", by issueing a normal page navigation instead, it returns an object like that …

javascript hyperlink single-page-application turbolinks turbolinks-5

1
推荐指数
1
解决办法
156
查看次数

Uncaught TypeError:无法设置未定义Vue.js的属性“ app”

我想使用Laravel 5.4和Vue2设置SPA。我正在关注一个教程(Jeffrey Way-Laracast)。但是我遇到了这个问题。无法弄清楚为什么在控制台中出现此错误?:

Uncaught TypeError: Cannot set property 'app' of undefined
    at VueRouter (app.js:3149)
    at Object.<anonymous> (app.js:4266)
    at __webpack_require__ (app.js:20)
    at Object.<anonymous> (app.js:3343)
    at __webpack_require__ (app.js:20)
    at Object.<anonymous> (app.js:13749)
    at __webpack_require__ (app.js:20)
    at app.js:66
    at app.js:69
Run Code Online (Sandbox Code Playgroud)

这是我的代码如下:

app.js

import router from './routes';

import './bootstrap';

var app = new Vue({
    el: '#root',
    router
});
Run Code Online (Sandbox Code Playgroud)

routes.js

import VueRouter from 'vue-router';

let routes = [
        {
            path: '/',
            component: require('./views/Home')
        }
    ];

export default VueRouter({
    routes
});
Run Code Online (Sandbox Code Playgroud)

bootstrap.js

import Vue from 'vue';
import …
Run Code Online (Sandbox Code Playgroud)

javascript laravel single-page-application

1
推荐指数
1
解决办法
2785
查看次数

打字稿找不到更少的模块

在此处输入图片说明

我使用react和webpack来构建Web SPA,但是打字稿找不到解析较少的文件

在此处输入图片说明

像这样的工作文件?

javascript single-page-application typescript reactjs webpack

1
推荐指数
2
解决办法
2304
查看次数

我可以使用授权代码授予与API紧密结合的SPA(我拥有)吗?

我正在构建一个Angular(版本5)应用程序,它只与一个后端,我的API(Web服务器上的烧瓶应用程序)进行通信,后者又与我的数据库进行通信.该应用程序用于数据输入和可视化,其中数据不断加载并保存到后端或从后端保存.我控制了这三个部分.

我正在考虑使用Auth0来处理身份验证/用户管理.

我的问题是,我可以将此应用程序视为"常规"Web应用程序并使用身份验证代码授予,而不是通常建议用于SPA的隐式授权吗?那是:

  1. SPA将从auth0通过/ login端点获取授权代码,重定向到相应的auth0页面
  2. 授权代码通过某个端点(可能是/ callback端点)传递给API.
  3. API与Auth0交谈以交换交换AC作为令牌.
  4. 每次请求都会将令牌传递给数据库,如果令牌无效,则拒绝令牌(使用postgresql在数据库中进行令牌有效性检查)
  5. API服务器上的令牌与用户之间的关联是通过加密的cookie(Flask的'session'变量)完成的

通过围绕Implicit Grants与Authentication Code Grants的大量讨论,看起来主要区别在于,在真正的SPA应用程序中,没有单一服务器由资源提供者控制,可以存储客户端密钥或令牌.但是,根据我的情况,我不能仅仅将SPA应用程序视为传统(ajax-heavy)网页吗?

我在auth0论坛中发现了这篇帖子,暗示这可能是"脆弱的,因为在实践中你有一个OAuth2流程应由两个独立的组件来处理",但我不明白组件之间的独立性应该如何产生任何差别.

oauth-2.0 single-page-application auth0

1
推荐指数
1
解决办法
1678
查看次数

使用服务器端和客户端渲染的单页 ReactJS 应用程序?

我知道在客户端,React 会重新渲染需要随时更新的 DOM 部分,因此在初始页面加载后无需重新加载整个页面(因此它将是一个页面应用程序)。

使用服务器端渲染,我仍然使用单页应用程序功能吗?

关于这个话题有一个类似的问题,但我相信它没有回答我的问题。如果要实现单页应用,是否必须同时使用服务器端和客户端渲染?

javascript single-page-application reactjs react-router server-side-rendering

1
推荐指数
2
解决办法
2723
查看次数