主页 / 问题

全部问题

Martin Hope
Artem Zhyto
Asked: 2025-04-05 04:33:02 +0000 UTC
  • 5

我遇到了一个问题——当我更新网站上的页面时Next.JS，滚动会使用户稍微向上移动。也就是说，如果您按 F5 足够多次，您就可以滚动到页面的开头。

我禁用了所有样式、所有不必要的组件，尝试禁用缓存，尝试在不同的浏览器中操作，尝试重新安装所有依赖项 — — 但这些都没有帮助。

如果需要的话，项目中会使用以下依赖项：

  "dependencies": {
    "@reduxjs/toolkit": "^2.6.1",
    "@tailwindcss/postcss": "^4.1.2",
    "next": "^15.2.4",
    "postcss": "^8.5.3",
    "react": "^19.0.0",
    "react-dom": "^19.0.0",
    "react-redux": "^9.2.0",
    "sass": "^1.86.0",
    "tailwindcss": "^3.4.17"
  },
  "devDependencies": {
    "@types/node": "^20",
    "@types/react": "^19",
    "@types/react-dom": "^19",
    "autoprefixer": "^10.4.21",
    "typescript": "^5"
  }

我还提供了主要代码layout：

//@ Styles
import "@styles/globals.scss"

//@ Components
import Panel from "@components-layouts/Panel"
import Footer from "@components-layouts/Footer"

//@ Modules
import metadataFile from "@config/metadata"
import { RootLayoutInterface } from "@typescript-interfaces/layout"

export const metadata = metadataFile

const RootLayout: React.FC<RootLayoutInterface> = ({ children }) => {
    return (
    <html lang="ua">
      <body>
                <div className="contentBlock">
                    <Panel/>
                    <div className="bg-white_cl MainBlock">{children}</div>
                </div>
                <Footer/>
            </body>
    </html>
  )
}

export default RootLayout

一般风格如下globals.scss：

@use "./variables.scss" as vars;

@tailwind base;
@tailwind components;
@tailwind utilities;

@font-face {
    font-family: "Plus Jakarta Sans";
    src: url("../assets/fonts/PlusJakartaSans-VF.ttf");
}

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, a {
    width: max-content;
    font-family: "Plus Jakarta Sans";
    font-variant-ligatures: none;

    color: vars.$d-green !important; 
}

html {
    height: 100%;
    background-color: vars.$dark-cl;
}

body {
    width: 100%;
    height: 100%;
    background-color: vars.$beige;

    display: flex;
    flex-direction: column;
    align-items: end;
    
    min-height: max-content;

    padding: 55px 5%;
}

.contentBlock {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: start;
    gap: 20px;

    margin-bottom: 55px;

  width: 100%;
}

.MainBlock {
    display: flex;
    justify-content: center;

    position: relative;

    min-height: 221px;
    height: auto;
    width: 100%;

    padding: 50px;

    border-radius: 25px;

    box-shadow: vars.$block-shadow;
}





@media screen and (max-height: 320), screen and (max-width: 600px) {
    .contentBlock {
        flex-direction: column;

        width: 100%;
    }
}

删除所有样式和不必要的组件：

//@ Modules
import { RootLayoutInterface } from "@typescript-interfaces/layout"

const RootLayout: React.FC<RootLayoutInterface> = ({ children }) => {
    return (
    <html lang="ua">
      <body>
                <div className="contentBlock">
                    <div className="bg-white_cl MainBlock">{children}</div>
                </div>
            </body>
    </html>
  )
}

export default RootLayout

问题仍然存在，但是转变并不像完整代码那么强烈。据我所知，我的组件和风格只是增强了这种效果，而且它要么与我自己，Next.JS要么与layout.tsx

如果需要的话，我会提供项目的其他部分。

提前感谢您的帮助！

веб-программирование
Martin Hope
heyman
Asked: 2025-04-05 03:47:43 +0000 UTC
  • 6

有一个代码可以输出将一个列表的每个元素除以另一个列表的每个元素所得的余数：

nums = [6, 63, 10, 27, 10, 4, 7]
ost = [3, 7, 9]
x = list(map(lambda x,y: x%y, nums, ost))

因此，此代码的作用是找到用 nums 列表的第一个元素除以 ost 列表的第一个元素后的余数，然后找到用 nums 列表的第二个元素除以 ost 列表的第二个元素后的余数，我需要它像这样找到余数：取 nums 列表的第一个元素，并找到用 ost 列表的每个元素除后的余数，例如：从 nums 列表中取出 6，然后开始查找余数：6 % 3、6 % 7、6 % 9，然后是下一个元素。如何在不使用 for 循环的情况下在一行中完成此操作？

附言代码的作用：

6 % 3
63 % 7
10 % 9

我应该怎么办：

6 % 3
6 % 7
6 % 9
63 % 3
63 % 7
63 % 9

ETC。

python
Martin Hope
Semen
Asked: 2025-04-04 21:11:35 +0000 UTC
  • 5

祝大家一切顺利。我警告你我有点JS像一棵树:)问题：有一个很棒的脚本可以打开一个模态窗口并使用十字并单击空白处来关闭它。

我在网上找到了这个脚本。

您需要在一个页面上使用三个不同的按钮打开三个不同的窗口（它不能同时工作，因为样式不允许:)）

由于我缺乏脚本知识，我只是使用不同的样式和变量名称复制了代码，但没有任何效果，或者更确切地说，打开有效，但窗口没有关闭，先是一个，然后是另一个。只有一个按钮可以关闭它，如果你单击模式窗口外部，则什么都不会关闭。

我请求帮助在一页上实现多个窗口。提前致谢。

var modal = document.getElementById("myModal");
var btn = document.getElementById("myBtn");
var span = document.getElementsByClassName("close")[0];

btn.onclick = function() {
  modal.style.display = "block";
}

span.onclick = function() {
  modal.style.display = "none";
}

window.onclick = function(event) {
  if (event.target == modal) {
 modal.style.display = "none";}
}

窗口本身如下：

<div id="myBtn">Кнопка открытия</div>
<div id="myModal" class="modal">
    <div class="close">Закрыть</div>

</div>

风格：

    .modal{
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.6);
    }
javascript
Martin Hope
Yulia
Asked: 2025-04-04 18:34:42 +0000 UTC
  • 6

我无法弄清楚.NET 平台和微软分别支持多少种技术。

.NET 和 .NET Framework/.NET Core 有什么区别？

当前的.NET 平台技术有哪些？

为什么放弃 Windows Forms 的开发（据我了解，这是一项过时的技术）？为什么他们再次拒绝，但这次是来自继承人，即放弃WPF？

是否存在不属于该平台但与其密切相关（事实上是其一部分）的技术？

注意：也许值得将上述问题移到 stackoverflow 上的单独问题中，但在我看来，最好将其系统化为这个线程中的一次性整体。

c#
上一页
下一页