小编ter*_*rse的帖子

为什么块赋值会改变全局变量?

var a = 0;
if (true) {
  console.log(a)
  a = 1;

  function a() {}
  a = 21
  console.log(a)
}
console.log(a)
Run Code Online (Sandbox Code Playgroud)

在我看来,因为函数声明提升,a = 1以及 a = 21会改变局部函数变量,所以在块中会输出21,外面是0,但真正的结果是在输出1之外。

用chrome调试,结果是这样

当运行时function a() {},它会改变局部和全局变量。太奇怪了?谁能给我解释一下?

javascript

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

如何确定 SSE 连接已关闭?

我们有一个在 JavaScript 中打开的 SSE(服务器发送事件)连接,它有时会因为服务器重启或其他原因而关闭。在这种情况下,最好重新建立连接。怎么做?有没有办法在客户端找出连接已关闭?

在这里:https : //developer.mozilla.org/en-US/docs/Web/API/EventSource我只找到了一种关闭连接的方法,但没有确定连接是否仍然存在的回调或测试方法。

感谢您的帮助。

javascript server-sent-events

6
推荐指数
4
解决办法
8157
查看次数

如何防止 React 重新渲染来自 url 的图像?

这就是我的应用程序现在的样子:

在此输入图像描述

搜索和排序功能是动态工作的,只要我输入一个字母,它就会找到匹配项,但会重新呈现所有匹配项。

如果我输入“饥饿”,它会找到饥饿游戏电影,但它会在已有图像时获取图像并进行渲染。有没有办法让这个过程只进行一次,这样我就不用等待每次搜索、每次排序?我使用 Redux,因此数据来自商店,商店从本地 json 文件获取数据。

我考虑过存储在本地存储上,但我无法弄清楚。如您所见,没有 ComponentDidMount 或 Hooks。

这是该页面的代码:

import React from "react";
import "./MoviesAndSeries.css";
import ListShowItem from "./ListShowItem";
import { getVisibleShows } from "../Redux/Selector";
import { connect } from "react-redux";
import FilterShowItems from "./FilterShowItems";
const Movies: React.FC = (props: any) => {
  return (
    <div className="movies">
      <FilterShowItems />
      {props.movies.map((movie: any) => {
        return <ListShowItem key={Math.random()} {...movie} />;
      })}
    </div>
  );
};

const mapStateToProps = (state: any) => {
  return {
    movies: getVisibleShows(state.movies, state.filters),
    filters: state.filters,
  };
}; …
Run Code Online (Sandbox Code Playgroud)

javascript json reactjs redux

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

如何检测拖动的元素是否被拖放到其父元素之外?

我想知道何时将元素拖放到其父级之外:

element.addEventListener('dragend', function(event) {
  // check if element is dropped outside its parent
}, false)
Run Code Online (Sandbox Code Playgroud)

javascript drag-and-drop

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

当用户单击“提交”时,有没有办法将值从按钮传递到表单?

我试图从 5 个按钮中获取值,无论用户选择哪个,然后一旦他们填写了表单,我希望他们选择的按钮值显示在“摘要”屏幕上。

有没有办法获取按钮的值以及所有其他表单详细信息,然后将所有这些详细信息发送到显示用户输入的所有信息的新屏幕?类似于确认屏幕,用于在发送查询之前确认所有详细信息。

我一直在尝试:

纽扣:

<div class="card">
  <h1 id="size">Select your size*</h1>
  <ul class="size-list">
    <li>
      <button class="size-link" id="size-button" value="Small">
        Small
      </button>
    </li>
    <li>
      <button class="size-link" id="size-button2" value="Medium">
        Medium
      </button>
    </li>
    <li>
      <button class="size-link" id="size-button3" value="Large">
        Large
      </button>
    </li>
    <li>
      <button class="size-link" id="size-button4" value="X Large">
        X Large
      </button>
    </li>
    <li>
      <button class="size-link" id="size-button5" value="XX Large">
        XX Large
      </button>
    </li>
  </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

我想从上面的每个按钮获取值以及下面表单中的所有信息,并将其发送到“摘要”屏幕。

形式:

<form method="GET" action="final.html" id="myform" class="contact-form">
    <label id="fullname">Full Name*</label> <br />
    <input name="name" id="name" class="txt-form name" type="text" />
    <label …
Run Code Online (Sandbox Code Playgroud)

html javascript forms jquery json

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