标签: single-page-application

什么是 `js` gtags.js 命令?

Google Analytics 的嵌入代码(好吧,通过谷歌标签管理器的 gtags.js 进行的 GA)如下所示:

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=REDACTED"></script>
<script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'REDACTED');
</script>
Run Code Online (Sandbox Code Playgroud)

我正在构建一个 SPA 应用程序,我想知道我需要什么来进行虚拟综合浏览 - Google 的文档遗漏了有关该js命令的任何内容,而且我不想遗漏任何内容......

  1. 线路在gtag('js', new Date());做什么?
  2. 如果我告诉config代码片段中的命令不要注册综合浏览量,然后gtags('config', 'REDACTED', {...})稍后调用(在 中使用页面信息{...}),我是否需要gtag('js', new Date());在配置调用之前执行?

javascript google-analytics single-page-application google-tag-manager

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

如何使用 Vue js 从 API 数据创建搜索过滤器?

我正在从 Star Wars API 获取数据,更具体地说是人员数据,并且它正在工作。我想创建一个搜索过滤器功能,当我开始输入时,只显示带有这些字母的名称。这是我用于获取 StarWarsPeopleComponent.vue 文件中的数据的代码:

<template>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <input type='text' v-model="search" placeholder='Search people...'/><br>

                {{ getAllStarWarsPeople() }}

                <ul>
                    <li v-for="person in people.results">
                        {{ person.name }}
                    </li>
                </ul>
            </div>
        </div>
    </div>
</template>

<script>

    export default {

        name: "StarWarsPeopleComponent",

        data() {
            return {
                people: [],
                search: ''
            }
        },

        mounted() {
            console.log('Component mounted.')
        },

        methods:{

            getAllStarWarsPeople() {

                fetch("https://swapi.co/api/people/")
                    .then(response=>response.json())
                    .then(data=>{
                        this.people=data;
                    })

            }

        }
    }
</script>
Run Code Online (Sandbox Code Playgroud)

请注意我如何使用 people.results 访问 v-for 中的数据。

这是我的组件,使用我创建的计算函数进行了更新,但现在数据未显示,并且出现此错误:

[Vue warn]: Error in …
Run Code Online (Sandbox Code Playgroud)

javascript api laravel single-page-application vue.js

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

访问令牌给出不同的澳元?

我正在尝试通过 OAuth 对 Azure 中的 API 管理进行身份验证。我已经把那部分设置得很好了。

我在获取 ID 令牌和访问令牌 ( response_type=id_token+token) 时发生了 OAuth2 隐式登录流程。当我检查时aud入返回的访问令牌时,我得到默认的 Graph API aud (00000003-0000-0000-c000-000000000000),而不是我的客户端 ID,我需要使用它来通过 API 管理部分进行身份验证。

这需要保留在 OAuth 后面,因为它是一个内部应用程序,我不想向公众透露这一点。我使用隐式流,因为该网页是托管在 Blob 上的 SPA。

oauth azure access-token oauth-2.0 single-page-application

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

如何使用 javascript 而不将其附加到 DOM

我正在从头开始开发一个单页应用程序(SPA)。我从头开始只使用 HTML、CSS 和普通 JavaScript,不使用任何外部框架。

我的应用程序最初将加载网页,但在导航到其他页面(例如page2)时,它只会从page2.js加载有关其他page2 的所需数据和功能,而不会重新加载整个网页。

为了使用 JavaScript,我将其附加到正文中。但问题是,当我再次导航同一页面时,它会再次附加相同的 JavaScript。我访问的页面越多,附加的脚本就越多。

我尝试删除现有的脚本标签以支持或即将推出的脚本,并且效果很好,但是有没有一种方法可以让我不必首先将脚本附加到 DOM?

所以我的问题是,有没有一种方法我们可以在不使用任何物理介质(DOM)的情况下解析(不仅仅是普通读取)或执行 JavaScript 文件

虽然我期待纯 JavaScript,但库也可以工作,只需要一个逻辑解释

html javascript single-page-application

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

为什么将 Electron 与 SPA 框架结合使用?

因为我想开发一个Electron应用程序,所以我搜索了相当多的Electron教程。大多数教程都将 Electron 与 React 或 Vue.js(或少数 Angular)结合使用。我很好奇为什么 SPA 框架对于 Electron 应用程序开发几乎是必不可少的。

single-page-application reactjs vue.js electron angular

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

如何根据 Angular(或另一个 SPA)的 Asp.Net Core 身份进行身份验证?

我正在创建一个服务,它将以 Asp.Net Core 作为后端,以 Angular 作为前端。我正在微软为 SPA 提供的不同模板上测试一些内容。

因此,我使用 .Net core 5 cli 使用此命令创建了一个:

dotnet new angular -au Individual
Run Code Online (Sandbox Code Playgroud)

似乎可行,但我的理解是,当我需要将用户重定向到加载页面时(因为未连接或没有足够的权限),我将被重定向到 Asp.Net Core 页面的 UI。

我已经看到我可以自定义此页面(好吧,创建一个脚手架版本并自定义它),但它仍然让我担心:

  • 这可能会在 Angular 应用程序和 Razor 页面之间进行多次来回操作
  • 我们应用程序的设计是,Asp.Net 服务器仅提供 API 和 Angular 应用程序的静态文件,因此突然直接从 asp.net 服务器提供某些页面似乎是错误的。
  • 我正在使用一个角度库来处理我的按钮、复选框、标题的所有主题/样式,具有材质样式,...必须为登录页面再次重新创建所有这些样式似乎很麻烦。
  • 我将有一些外部硬件设备连接到这个 API,所以我认为无论如何他们应该能够在不使用为登录提供的 asp.net razor 页面的情况下完成所有操作。

所以我的问题是,如何对使用 asp.net core 身份的 Asp.Net core 服务器进行身份验证?

single-page-application .net-core asp.net-core asp.net-core-identity angular

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

Svelte 是否仅限于单页应用程序 (SPA)?

Svelte文档指出:

Svelte 在构建时将您的应用程序转换为理想的 JavaScript,而不是在运行时解释您的应用程序代码。

...

它类似于 React 和 Vue 等 JavaScript 框架......

在上述背景下,我的问题是:

Svelte 是否仅限于构建单页应用程序 (SPA),是否可以用于创建多页应用程序 (MPA)?

javascript single-page-application svelte multi-page-application

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

ASP.NET core如何仅对特定路由使用身份验证?

我配置为对我的 ASP.NET React 应用程序使用 Windows 身份验证。

在ConfigureServices()方法上:

services.AddAuthentication(NegotiateDefaults.AuthenticationScheme).AddNegotiate();
services.AddAuthorization(options =>
{
    options.FallbackPolicy = options.DefaultPolicy;
});
Run Code Online (Sandbox Code Playgroud)

然后在configure()方法上:

app.UseAuthentication();
app.UseAuthorization();
app.UseEndpoints(endpoints =>
{
    endpoints.MapControllers();
});

Run Code Online (Sandbox Code Playgroud)

但是,通过这样做,所有请求都将触发身份验证过程。实际上,我只希望我的 api 路由(在 中/api/my/resource)使用 Windows 身份验证是安全的,并且希望让整个 React 资源文件夹公开(在 中/any/path/here)。

如何配置为仅对以/api.

asp.net authentication single-page-application reactjs asp.net-core

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

Blazer服务器是SSR和SPA吗?

听说Blazer服务器是SSR(服务器端渲染)。顺便说一句,我知道 Blazer 服务器是单页应用程序 (SPA)。Blazer服务器是否同时具有SSR和SPA?那么Blazer服务器是不是先通过SSR方式接收数据,再通过CSR方式接收数据来实现SPA呢?

c# single-page-application server-side-rendering blazor blazor-server-side

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

突出显示pagerjs和knockout中的当前clickpath

如果要创建pagerjs应用程序,如何设置活动已打开的路径.例如

<div class="tabs">
    <a data-bind="page-href:'opt1'">opt1</a> | 
    <a data-bind="page-href:'opt2'">opt2</a>
    </div>

<div class="server" data-bind="page:{id:'opt1')}">
                </div>
Run Code Online (Sandbox Code Playgroud)

有一个css:{selected:isVisible}绑定很容易但是看起来像是什么?它在文档中提到了这一点,但未显示isVisible的外观.pagerjs中有什么东西可以绑定吗?

navigation knockout.js single-page-application pagerjs

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