小编seg*_*ult的帖子

反转颜色的自定义光标

我有个问题。如何制作一个可以恢复其背后颜色并应用于自身的光标。

就像一个“负面”效应。

但我需要它是自动的，无需对每种颜色进行编码，因此它可以与自身后面的任何元素进行交互。

这是我对自定义光标的开始以及我的背景示例：

(function () {
  var follower, init, mouseX, mouseY, positionElement, printout, timer;

  follower = document.getElementById('follower');

  printout = document.getElementById('printout');

  mouseX = event => {
    return event.clientX;
  };

  mouseY = event => {
    return event.clientY;
  };

  positionElement = event => {
    var mouse;
    mouse = {
      x: mouseX(event),
      y: mouseY(event) };

    follower.style.top = mouse.y + 'px';
    return follower.style.left = mouse.x + 'px';
  };

  timer = false;

  window.onmousemove = init = event => {
    var _event;
    _event = event;
    return …

Run Code Online (Sandbox Code Playgroud)

html javascript css colors cursor

Tut*_*Ozz

2020 04-24

6
推荐指数

1
解决办法

6540
查看次数

将reactjs应用程序部署到aws amplify会导致白屏，并显示错误“未捕获的语法错误：意外的令牌'<'”

我正在尝试将 ReactJS 应用程序部署到 aws amplify，并且一切都在本地主机和隐身浏览器窗口中最终正常运行，就在我在常规浏览器中访问我的应用程序 url 时，我收到此错误

如果我清除浏览器 cookie 并访问 url，那很好，但每次我部署新的构建文件夹时，它都会返回到此。我尝试了几乎所有可以在互联网上找到的建议，但它仍然发生。

我尝试过的解决方案：

在 .env 文件中设置 PUBLIC_URL。
通过 S3 存储桶进行部署，而不是拖放。
添加<Router basename='/index.html'>到我的代码中。
在 package.json 中添加指向我的域的主页。
添加指向“.”的主页在 package.json 中
在 package.json 中添加指向“./”的主页
将上述主页变体添加到公共文件夹中的manifest.json中。

有关我的环境和观察的详细信息：

我通过 Route 53 使用自定义域在 aws amplify 上托管该应用程序。
应用程序在隐身浏览器上工作得绝对正常，没有任何问题 - 所以如果代码有问题，它也应该在隐身浏览器中中断，正确吗？
解决方法是清除浏览器 cookie 并再次点击 url，但这是不可取的，因为这是生产环境，每次部署更改时，我无法要求用户清除 cookie 并重试 - 浏览器应拾取更改即刻。
以下是我编译的index.html

<html lang="en">

<head>
    <meta charset="utf-8" />
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Poppins:wght@400;500;600;700;900&display=swap" rel="stylesheet">
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <meta name="description" content="Vaccination Verification Made Easy" …

Run Code Online (Sandbox Code Playgroud)

amazon-web-services reactjs create-react-app aws-amplify

API*_*API

2021 08-19

5
推荐指数

1
解决办法

1440
查看次数

mapStateToProps 从减速器返回未定义的状态

我收到此错误：

我有这个异步减速器：

const initUserState = {
    fetching: false,
    fetched: false,
    users: [],
    error: null
};

const userReducer = (state = initUserState, action) => {
    switch(action.type){
        case "FETCH_USER":
            state = {
                ...state,
                users : action.payload
            };
            break;
        case "FETCH_USER_START":
            state = {
                ...state,
                fetching: true
            };
            break;
        case "FETCH_USER_SUCCESS":
            state = {
                ...state,
                fetched: true,
                users: action.payload
            };
            break;
        case "FETCH_USER_ERROR":
            state = {
                ...state,
                fetched: false,
                error: action.payload
            };
            break;
        default: 
            break;
    }
    return state;
};

export default userReducer;

Run Code Online (Sandbox Code Playgroud)

我的容器是： …

javascript state reactjs

Mar*_*ren

2020 08-23

4
推荐指数

1
解决办法

1万
查看次数

如何在Javascript中检查点是否在多边形中

我遇到了这段 C 代码（我认为），这应该是检查点是否在 aconcave或convex多边形内的巧妙方法，我想将其转换为 JS 等效函数以在我的 JS 程序中使用：

int pnpoly(int nvert, float *vertx, float *verty, float testx, float testy)
{
  int i, j, c = 0;
  for (i = 0, j = nvert-1; i < nvert; j = i++) {
    if ( ((verty[i]>testy) != (verty[j]>testy)) &&
     (testx < (vertx[j]-vertx[i]) * (testy-verty[i]) / (verty[j]-verty[i]) + vertx[i]) )
       c = !c;
  }
  return c;
}

Run Code Online (Sandbox Code Playgroud)

nvert：多边形的顶点数。是否在最后重复第一个顶点。
vertx、verty：包含多边形顶点的 x 和 y 坐标的数组。
testx、testy：测试点的 X 和 y …

javascript translate point-in-polygon

Hen*_*rik

2020 04-11

3
推荐指数

1
解决办法

7810
查看次数