我刚刚开始学习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上运行良好.
我目前有visual studio 2010,并希望获得有关利用单页应用程序的最佳方法的一些建议.我以前使用ExtJs运行良好,但是我想知道现在有没有人会推荐的框架?这是一个驾驶舱显示统计数据和显示图表等.
我正在制作一个应用程序,让用户在页面 A 上做一些事情。但是,我想包含一个将他链接到页面 B 的功能,并在完成 B 上的活动后,将他链接回 A,并在他的页面 A 上取得进展. 目前,在链接到页面 B 然后返回到 A 之后,页面 A 上的所有进度都消失了并回到了 0。这将如何实现?
我正在AngularJS的一个网站上工作.我有一个表格,故意设置为"display:none".
我有一个按钮,上面写着.我想要的是,当我点击创建按钮时,设置为"display:none"的表单应该更改为"display:block",并且应该隐藏创建按钮.
提交表单后,表单应隐藏,再次显示创建按钮.
PS:现在我明白有几种方法可以做到这一点,比如我可以使用ng-show或ng-hide指令.或者我可以使用ng-click指令.在开发严肃而专业的Web应用程序时,我想知道在这种情况下最好的编程实践是什么.
这是一件简单的事情,所以如果你能提供很好的代码.
javascript jquery performance-testing angularjs single-page-application
在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
我正在测试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
我想使用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:69Run 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) 我正在构建一个Angular(版本5)应用程序,它只与一个后端,我的API(Web服务器上的烧瓶应用程序)进行通信,后者又与我的数据库进行通信.该应用程序用于数据输入和可视化,其中数据不断加载并保存到后端或从后端保存.我控制了这三个部分.
我正在考虑使用Auth0来处理身份验证/用户管理.
我的问题是,我可以将此应用程序视为"常规"Web应用程序并使用身份验证代码授予,而不是通常建议用于SPA的隐式授权吗?那是:
通过围绕Implicit Grants与Authentication Code Grants的大量讨论,看起来主要区别在于,在真正的SPA应用程序中,没有单一服务器由资源提供者控制,可以存储客户端密钥或令牌.但是,根据我的情况,我不能仅仅将SPA应用程序视为传统(ajax-heavy)网页吗?
我在auth0论坛中发现了这篇帖子,暗示这可能是"脆弱的,因为在实践中你有一个OAuth2流程应由两个独立的组件来处理",但我不明白组件之间的独立性应该如何产生任何差别.
我知道在客户端,React 会重新渲染需要随时更新的 DOM 部分,因此在初始页面加载后无需重新加载整个页面(因此它将是一个页面应用程序)。
使用服务器端渲染,我仍然使用单页应用程序功能吗?
关于这个话题有一个类似的问题,但我相信它没有回答我的问题。如果要实现单页应用,是否必须同时使用服务器端和客户端渲染?
javascript single-page-application reactjs react-router server-side-rendering
javascript ×7
jquery ×2
reactjs ×2
angularjs ×1
asp.net-mvc ×1
auth0 ×1
breeze ×1
cordova ×1
html ×1
html5 ×1
hyperlink ×1
laravel ×1
oauth-2.0 ×1
react-router ×1
security ×1
turbolinks ×1
turbolinks-5 ×1
typescript ×1
webpack ×1