DmitryDevelop's questions

我在 jwt.io 网站上做 JWT 登录算法，工作的本质描述得很清楚，在视频教程中我们谈论了一些 2 个令牌和完全不同类型的工作。据我了解，第二种更安全。现在我们明白了。结果，出现了许多问题。

我们有 3 个服务器：客户端服务器、api 服务器、身份验证服务器

这一切都始于我们向 Auth 服务器发出请求，我们给它的只是一个特定的 API 密钥来识别应用程序和一个包含数据的数组，例如登录名和密码，服务器返回 2 个密钥给我们：access_token和 refresh_token。下一个问题编号 1

令牌是如何构建的？需要特定的算法

我意识到我们已经将每个请求的访问令牌发送到 API 服务器，并将刷新令牌保存在前端的 localStorage 中“e

据我了解，访问令牌是有生命周期的，例如15分钟，API服务器可以轻松解码，如果时间到了，我们返回访问令牌生命周期已过期的答案。然后我们向 Auth 服务器发送请求并发送一个刷新令牌，服务器返回给我们一对新的刷新和访问令牌，然后客户端服务器更新 localStorage 并再次向 API 发送请求？

告诉我我是否正确构建了本质？

还有一个问题，在哪里存储访问令牌？

我的客户在 React 上，其他一切都在 php 上

我正在编写一个 API，然后出现了如何传递访问密钥的问题，据我所知，唯一的选择是 http 标头，传递 'API-KEY' API 标头，但由于某种原因，它似乎不是很安全，因为我认为他们可以拦截密钥。

我编写了 PHP 应用程序，通过会话授权对我来说是正常的，我知道会话存储在浏览器中，现在我正在编写 React 应用程序，这里会话代表 api 域存储在浏览器中，这似乎不寻常，我错了，关于这个话题你能说什么？

也许 React 应用程序有更安全和正确的授权，例如 HTTP 授权，我没用过，但我想象它是什么。

默认情况下，只有 node_modules 文件夹可以在不指定路径的情况下连接，仅通过名称来访问库。我有需要从项目的屁股访问的文件夹，结果，路径就像

import { name } from '../../../../../../';

它看起来真的很难看，我知道您可以添加自己的文件夹。告诉我路径和文件名在哪里以及如何执行此操作。

我在 YouTube 上看到过，但那里的 CRA 版本很旧，一切都完全不同。

如何在 create-react-app SPA 应用程序中正确更改页面标题？我尝试在代码中使用一个简单的 document.title，一切正常，现在的问题是是否可以这样做，是否正确？

这个问题很小，但答案对我来说很重要，谢谢。

下图，原则上，详细描述了一切，主要是使用 React，我已经知道如何在 JS 或 JQuery 中做到这一点。

我将不胜感激。

此外，它必须在不更改地址栏的情况下

我是 React 新手，想知道 React Router 如何加载组件，是否可以制作加载状态栏？如果是这样，怎么做？

据我了解，React Router 从前端服务器加载 html 页面，这意味着您可以制作一个预加载器。

也许情况并非如此，当页面打开时，所有模块都已加载，它只是更改它们？

我将不胜感激。

有一个产品页面/product，它本身后面必须有3个参数，即/product/1/1/1你需要使它从页面/product/544/重定向到/product/544/1/1

并从页面/product/522/1重定向到/product/522/1/1.

第二个和第三个参数相同的事实是正确的。

我的尝试：

  <Switch>
    <Route path="/product/:product/:idType/:idSubType">
      <Product />
    </Route>
    <Route path="/product/:product/:idType">
      <Redirect to="/product/:product/:idType/1" />
    </Route>
    <Route path="/product/:product">
      <Redirect to='/product/:product/1/1' />
    </Route>
  </Switch>

我的代码的问题是，当使用重定向时，它不知道参数:product，或者:idType只是插入文本，即使它必须插入从父级接收到的参数！

我是 React 新手将不胜感激

有必要用透明度补充图像到正方形。例如，我们有一个 150 x 100 的图像，您需要将其设置为 150 x 150，并使添加的位置透明。如果图像是 100 x 347，则将其设置为 347 x 347 和添加的位置，使其透明并覆盖 png 中的所有内容。我什至没有任何想法如何实现这个，我没有在互联网上找到它。谢谢

现在在所有页面上而不是文本上写

echo $tr->get('localization_key');

问题是如何以及在哪里存储密钥本身的翻译。如果将它们存储在数据库中，则意味着这些是来自每个访问该站点的用户对数据库的 300-400 个请求。

如果将其存储在数组中，则必须在每一页的代码中绝对包含所有翻译，并且可能有数千个。

请告诉我存储翻译的最佳方式。谢谢

一种结构是用 HTML 代码编写的，浏览器会让我变成一个完全不同的结构。PAY 元素必须在父元素内，但超出范围

浏览器告诉我：

在代码中它说：

<div id="content">
    <header>
        <h1>Самое популярное</h1>
    </header>
    <div id="container">
        <a id="container-item">
            <a class="pay">Кнопочка</a>
        </a>
    </div>
</div>

CSS代码：

#content #container {
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: wrap;
    width: calc(100% - 30px);
}

#content #container #container-item {
    flex: 250px;
    background-color: #fff;
    height: 300px;
    border-radius: 6px;
    margin: 20px;
    transition: .3s all;
    max-width: 500px;
    position: relative;
}

#content #container #container-item:before {
    content: '';
    border-radius: 5px;
    top: 10px;
    border: 10px solid transparent; 
    border-left: 10px solid #528ACA;
    border-top: 10px solid #528ACA;
    position: absolute;
    left: 10px;
}

#content #container #container-item:hover {
    -webkit-box-shadow: 3px 2px 25px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 2px 25px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 3px 2px 25px 0px rgba(0, 0, 0, 0.1);
    transform: translateY(-5px);
    cursor: pointer;
}

#content #container .pay {
    padding: 10px;
    background-color: #528ACA;
    color: #fff;
    border-radius: 5px;
}

由于该网站可能需要较长时间加载，而好奇的用户喜欢到处点击，因此需要禁止点击与当前页面相同的链接。难点在于网站上大约有 100 个页面，您需要通过更改 1-2 个文件来做到这一点。

为了有效地加载网站（根据 Google 的建议），我决定使用缓存。.htaccess 包含文件类型和需要缓存的时间。但是例如js文件，有些需要缓存很长时间，有些只需要几个小时。例如，一个巨大的库可以加载很长时间，原则上不太可能改变，因此必须保存，例如几年。

告诉我如何缓存单个文件，例如 /js/jquery.js 并让其余的 js 保持原样。

我们有一个小表单，里面有一个登录输入框，每输入一个字符后发送一个ajax请求，如果有昵称，打勾，如果没有，打叉。问题是，如果您快速输入昵称，那么这些图片将突出显示每个字符的结果。原来我很快写下昵称，然后等了几秒，直到所有的勾号和十字整齐地出现和消失，结果，眨了几秒后，我需要的图片出现了。

显然，有必要强行中断之前的 AJAX 请求，唯一的问题是如何？

$(".nick-pay-donate").on('input',function () {

    var checkNick = $(".nick-pay-donate").val();
    $.ajax({
        url: "../handlers/checkNick.php",
        method: "POST",
        data: ({nick: checkNick}),
        dataType: 'html',
        success: function (result) {
            if (result == '1') {
                $(".nick-icon").fadeOut( 300 ).attr({'src':'/assets/icons/tick.svg','title':'Ник действительно существует в нашей системе'}).fadeIn( 300 );
            } else {
                $(".nick-icon").fadeOut( 300 ).attr({'src':'/assets/icons/close.svg','title':'Данный ник не зарегистрирован в нашей системе'}).fadeIn( 300 );
            }
        }
    });
});

必须禁止读取某个标签中的html代码

并且其中的所有内容都被迫被视为文本，即使里面有 html 标签。也就是说，如果 <br> Hello 来自服务器，那么你不需要做换行，只需将标签显示为文本即可。似乎在 html 中有特殊的文本标签，其中总是有文本

在谷歌上找不到答案

我们有一个html结构

<div>
    <div class="1"></div>
    <div class="2"></div>
    <div class="3"></div>
    <div class="4"></div>
    <div class="5"></div>
</div>

块 3 必须在不重新加载的情况下从第三个位置移动到第一个位置。同时，只有区块 1 和 2 受到影响，而区块 4 和 5 保持不动 jquery

在这里输入一个丑陋的图像描述行，请不要注意。如您所见，如果文本过多，则会超出框架。有必要他只是放......然后切断。它是块中的 p 标签。所有底部的“你：大量文本......”文本都是块边框。通过溢出：隐藏与边界，它只是作物。你必须把... 我尝试按字符数进行修剪，如果消息中有换行符则不起作用

我正在网站上实现文件的上传，我希望所有照片都存储在一个单独的域上，甚至可以在一个单独的服务器上，但我不知道如何通过 ajax 将所有内容发送到另一个域。我希望所有文件都存储在单独的域和服务器上，并且这些文件的路径、它们的类型和继承都存储在数据库中（我不想将图片存储在数据库中（这是有原因的））告诉我如何通过我最喜欢的 PYHYPY 实现将文件上传到另一台服务器。谢谢你。

不知道这个效果叫什么，但是当你点击按钮\链接的时候（标签比较短），你需要从鼠标填充到按钮上边缘的效果

示例：youtube、youtube 登录按钮

在按钮上，从点击逐渐到边缘，还有另一个例子，桌面版的电报，几乎所有的按钮都是这样制作的

在按钮周围，有一个非常明显的例子 - https://dwstroy.ru/lessons/les3601/demo/index.html#

你需要这样的东西，但是为了让圆波不与文本重叠也不悬停，我真的不知道如何实现

还必须在单击鼠标时出现效果，但在单击后将鼠标移开时不会出现

这些是 ui 材料提供的按钮类型，但我需要一个干净的实现示例

我们有代码：

function getLang (string, classes) {
        $.ajax({
            url: '../local/get-lang-text.php',
            type: 'GET',
            data: ({string: string}),
            dataType: 'json',
            success: function (data){
                var result = data.content;
                $("."+ classes ).text(result);
            }
        });
    }

此代码是一个函数，它取 2 个值并根据服务器接收到的值添加文本（服务器将返回所需语言的文本）

结果变量仅在其函数内有效（如果您也删除 var -）

你需要让函数返回文本本身，而不是输出到接收的元素，也就是说，你需要让函数取一个值（翻译数组中所需文本的id）并返回结果变量。底线是变量不想超越ajax函数