web 相关问题

不要使用此标签。有关万维网方面的问题,请使用更具体的标签,例如[uri],[html],[http]或[w3c]。

点击外部链接时 INP 较差

在React应用程序的网页上,有一些来自API的文本。我进一步使用 linkify-html 将文本中的嵌入链接转换为锚标记。每个锚标记对应一个

回答 1 投票 0

如何在Python中制作roblox身份验证v2应用程序

我想为我的 roblox 验证应用程序制作一个 roblox 登录页面,但我不确定如何在我的 python 应用程序中实际实现 roblox 身份验证 v2 api,任何帮助将非常感激,ive

回答 1 投票 0

如何在flask项目中设置cookie?

我想在我的flask项目中设置一个cookie,我不想使用下面的方式,我只想在用户进入路线时为用户设置一个cookie。 res = make_response('...') res.set_cookie("瞧...

回答 1 投票 0

创建一个新的html页面并将其添加到根目录

我正在尝试使用 Bootstrap 和 root.html 添加另一个 html 页面。 我该如何做到这一点?Boostrap 通常用于什么? 谢谢你! 到目前为止,我已经尝试过使用 href=....但是,...

回答 1 投票 0

当磁盘已满时,JSON 响应被切断

信息 我有一个 Node JS/Express 服务器,它查询数据库并向向该 API 发出请求的客户端返回大量 JSON 数据。服务器运行在 Ubuntu 22.04 LTS 上...

回答 1 投票 0

主 Dart 文件未加载 Flutter web

我正在创建 flutter web 应用程序,其中我通过在 index.html 文件中执行一些 html 和 css 定义了一些加载启动屏幕,您可以在此处看到: 我正在创建 flutter web 应用程序,其中我通过在 index.html 文件中执行一些 html 和 css 定义了一些加载启动屏幕,您可以在此处看到: <!DOCTYPE html> <html> <head> <base href="$FLUTTER_BASE_HREF"> <meta charset="UTF-8"> <meta content="IE=Edge" http-equiv="X-UA-Compatible"> <meta name="description" content="Welcome to RiftEdge Technologies - Breaking Boundaries, Bridging Realities. We specialize in web, mobile (native & hybrid), and WordPress backend development. Let's turn your ideas into digital reality! Contact us today."> <!-- iOS meta tags & icons --> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="apple-mobile-web-app-title" content="RiftEdge Technologies"> <link rel="apple-touch-icon" href="icons/Icon-192.png"> <!-- Favicon --> <link rel="icon" type="image/png" href="favicon.png" /> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> <link rel="icon" href="favicon.ico" type="image/x-icon"> <title>RiftEdge Technologies</title> <link rel="manifest" href="manifest.json"> <script> // The value below is injected by flutter build, do not touch. const serviceWorkerVersion = null; </script> <!-- This script adds the flutter initialization JS code --> <script src="flutter.js" defer></script> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { height: 100vh; width: 100vw; text-align: center; } .loader_container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(255, 255, 255); z-index: 9999; display: flex; justify-content: center; align-items: center; } .avatar { position: relative; width: 150px; height: 150px; padding: 20px; border-radius: 50%; overflow: hidden; margin: 0 auto; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .avatar img { width: 100%; height: 100%; object-fit: cover; } .spinner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; animation: spin 1s infinite linear; transform-origin: center; border: 5px solid #4732D1; border-top: 2px solid transparent; border-radius: 50%; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .loading-text { font-family: sans-serif; font-size: 20px; margin-top: 20px; } </style> </head> <body> <div class="loader_container" id="loader"> <div class="text-center"> <div class="avatar"> <img src="https://lh3.googleusercontent.com/u/0/drive-viewer/AKGpihbrGCo8gbE8bqvtQztXQHBXrpo0dOgaNk9Xhj8avGd6Y31MjEh8cdK1q0vCMSjdjpbH9XjKEgYw9mlfULDXN9WADhh3h186QA=w3760-h1074" alt="loader"> <div class="spinner"></div> </div> <h6 class="q-mt-md q-mb-xl loading-text">Loading...</h6> </div> </div> <script> window.addEventListener('load', function (ev) { // Download main.dart.js _flutter.loader.loadEntrypoint({ serviceWorker: { serviceWorkerVersion: serviceWorkerVersion, }, onEntrypointLoaded: async function(engineInitializer) { // Initialize the Flutter engine let appRunner = await engineInitializer.initializeEngine(); // Run the app await appRunner.runApp(); } }); }); </script> <!-- <script> function delay(time) { return new Promise(resolve => setTimeout(resolve, time)); } window.addEventListener('load', function (ev) { // Download main.dart.js _flutter.loader.loadEntrypoint({ serviceWorker: { serviceWorkerVersion: serviceWorkerVersion, }, onEntrypointLoaded: async function (engineInitializer) { let appRunner = await engineInitializer.initializeEngine() // await delay(2350); await appRunner.runApp(); } }); }); </script> --> </body> </html> 这是我的 main.dart 文件代码: import 'package:flutter/material.dart'; import 'package:flutter_animate/flutter_animate.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner: false, title: 'RiftEdge Technologies', theme: ThemeData( colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple), useMaterial3: true, ), home: const MyHomePage(), ).animate().fadeIn(duration: 400.milliseconds); } } class MyHomePage extends StatefulWidget { const MyHomePage({super.key}); @override State<MyHomePage> createState() => _MyHomePageState(); } class _MyHomePageState extends State<MyHomePage> { @override Widget build(BuildContext context) { return Scaffold( backgroundColor: const Color(0xff0A0A0A), appBar: AppBar( backgroundColor: Colors.green, ), ); } } 问题是当网络应用程序打开index.html的动画时显示然后卡在那里并且main.dart文件不显示内容 以前我使用过其他动画,效果很好,但我不知道为什么现在它不起作用,即使我尝试创建新项目,但还是一样 请任何人帮助我解决这个问题,我将不胜感激 应用程序初始化并运行后,您必须手动删除动画。 <body> <div id="loading"> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { height: 100vh; width: 100vw; text-align: center; } .loader_container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(255, 255, 255); z-index: 9999; display: flex; justify-content: center; align-items: center; } .avatar { position: relative; width: 150px; height: 150px; padding: 20px; border-radius: 50%; overflow: hidden; margin: 0 auto; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .avatar img { width: 100%; height: 100%; object-fit: cover; } .spinner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; animation: spin 1s infinite linear; transform-origin: center; border: 5px solid #4732D1; border-top: 2px solid transparent; border-radius: 50%; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .loading-text { font-family: sans-serif; font-size: 20px; margin-top: 20px; } </style> <div class="loader_container" id="loader"> <div class="text-center"> <div class="avatar"> <img src="https://lh3.googleusercontent.com/u/0/drive-viewer/AKGpihbrGCo8gbE8bqvtQztXQHBXrpo0dOgaNk9Xhj8avGd6Y31MjEh8cdK1q0vCMSjdjpbH9XjKEgYw9mlfULDXN9WADhh3h186QA=w3760-h1074" alt="loader"> <div class="spinner"></div> </div> <h6 class="q-mt-md q-mb-xl loading-text">Loading...</h6> </div> </div> </div> <script> window.addEventListener('load', function (ev) { const loading = document.querySelector('#loading'); _flutter.loader.loadEntrypoint({ serviceWorker: { serviceWorkerVersion: serviceWorkerVersion, }, onEntrypointLoaded: async function (engineInitializer) { let appRunner = await engineInitializer.initializeEngine(); await appRunner.runApp(); loading.remove(); // Remove the loading container } }); }); </script> </body> 我建议将整个加载块与相关的CSS包装在一个容器中,因此一旦删除加载器,所有不必要的CSS也将被删除。

回答 1 投票 0

如何验证 AmazonAWS 是否正在创建非正版点击?

我有一个网站,每当用户提出详细信息时,都会记录“点击(通过将记录保存到点击表,该表在加载详细信息页面时捕获计算机的日期/时间和 IP)”

回答 1 投票 0

AmazonAWS 是否正在创造非正版点击?如何验证?

我有一个网站,每当用户提出详细信息时,都会记录“点击(通过将记录保存到点击表,该表在加载详细信息页面时捕获计算机的日期/时间和 IP)”

回答 1 投票 0

将Python推荐系统连接到Laravel应用程序

我使用Python和余弦相似度算法开发了一个基本的推荐系统。现在,我有兴趣创建一个 Laravel 应用程序来集成这个推荐系统。然而...

回答 1 投票 0

从模型中删除图像是否会将其从媒体文件夹中删除?

我正在做一个社交网站项目来练习Django 我很好奇从模型中删除图像是否也会从媒体文件夹中删除它? 例如,我的...

回答 1 投票 0

在 Flask 应用程序上使用 YOLO 边界框调整网络摄像头大小

我正在尝试在网络摄像头上进行预测并将其显示在我的网络应用程序中。我希望网络摄像头框架具有特定的尺寸,但是当我调整它的大小时,模型停止正常工作并绑定......

回答 1 投票 0

Kalkulator Brutto Netto、Liczb 生成器、三倍收益、YouTube 标签生成器、Kalkulator Jadian、Kreditni Kalkulator

Kalkulator Brutto Netto - 您薪资计算的首选资源 Generator Liczb - 生成数字变得简单 三重收入 - 释放您的收入潜力 YouTube 标签生成器 - 增强...

web
回答 1 投票 0

无法使用javascript从json文件中提取相关数据

我尝试使用 javascript 从 json 文件中检索数据。当我在 api 的某些部分使用它时,它工作得很好。它的工作示例在这里。 https://jsfiddle.net/4sv6nLuh/ 我认为...

回答 1 投票 0

LARAVEL 9. 错误 LARAVEL 电子邮件:无法使用 STARTTLS 连接:stream_socket_enable_crypto():SSL 操作失败,代码为 1

向社区问好! 我最近用 Laravel 9.X 开发了一个网页,它在本地工作正常,但是当我将其上传到我的主机时,我在发送电子邮件时遇到问题。 当我...

回答 2 投票 0

如何让我的网站在进行网络钓鱼宣传活动时不存在危险?

所以我有一个为雇主发送网络钓鱼电子邮件的网站,我得到了此活动的结果(例如有多少员工点击了该链接等) 在我的个人电子设备上测试我的网站时...

回答 2 投票 0

将客户数据从站点表单发送到电报时出现问题

尝试使用此代码将客户端数据从站点表单发送到电报,但它有效,也许谁知道什么是不正确的 从烧瓶导入烧瓶,请求 导入请求 应用程序=烧瓶(__名称__) #你...

回答 1 投票 0

Django 管理列表单击时更改布尔值

模型.py 类事件(模型.模型): 名称 = models.CharField(max_length=80, 空白=False) 描述 = models.TextField(空白=True) 日期 = models.DateField(空白=True, null=True) 我...

回答 3 投票 0

如何制作多条件过滤卡

在此输入图像描述 我正在制作一个网站,但是我在js方面遇到了问题。 我做的是卡片过滤。有复选框,每个复选框都有一个 id:a、b、c、d。该卡也有 ID,但是...

回答 1 投票 0

如何删除“在新选项卡中打开图像”的东西?

所以我正在制作一个网站,我只是想知道,如何在新选项卡中删除这个打开的图像。它应该看起来像这样: 图像 我在我的网站 Lunift 的页脚中做了一些挖掘,

回答 4 投票 0

使用 @for 时对 Sass 选择器进行分组

我有一组标题级别(1 到 6)。我正在使用 @for 循环,但我似乎无法弄清楚如何将它们分组为一个而不是单独分组。 这是我正在使用的@for循环: @1 起 $i

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.