小编Sha*_*son的帖子

下面的代码，

有没有办法通过滚动的二十分钟视图获得“实时”？似乎无法在启用此功能的选项中找到任何内容。

ChartJS 版本 2.9.4

import 'chartjs-plugin-zoom';
import { Line } from 'react-chartjs-2';
import 'chartjs-plugin-streaming';

export default () => {
    const data = {
        datasets: [
            {
                label: 'MWC',
                borderColor: 'rgb(255, 99, 132)',
                backgroundColor: 'rgba(255, 99, 132, 0.5)',
                steppedLine: true,
                lineTension: 0,
                borderDash: [8, 4],
                data: new Array(1000).fill(null).map((_, i) => {
                    return {
                        x: new Date(new Date().setTime(new Date().getTime() + (i + 1) * 1000)),
                        y: random(500, 1000),
                    };
                }), // REPLACE THIS WITH REALTIME FEED
            },
        ],
    };

    const options …

我有以下函数,我已编写转换msSinceEpoch为新西兰日期(IE11兼容)...

const MAGICNUMBER = 13;
const toNewZealand = (msSinceEpoch) => {
    const [day, month, year, time] = new Date(msSinceEpoch).toLocaleString("en-NZ", {
      hour12: false, timeZone: "UTC"
    }).split(/[/,]/); // timeZone UTC is the only format support on IE11
    const [hours, minutes, seconds] = time.trim().split(":");
    return new Date(~~year, ~~month - 1, ~~day, ~~hours + MAGICNUMBER, ~~minutes, ~~seconds)
  };

// usage....
console.log(
  toNewZealand(new Date().getTime())
)

但是,这包含一个与新西兰夏令时(+12或+13)无关的幻数.

所以这里变得复杂,如何在新西兰(+12或+13)获得相对于夏令时的正确数字.

我最初的尝试只是计算它是在9月的最后一个星期日还是在4月的第一个星期日之间,但后来我意识到第二个我new Date()在代码中的任何地方使用构造函数,它将创建一个相对于系统时间和中断的日期数学.

TL; DR将自纪元以来的UTC毫秒转换为适用于新西兰夏令时设置的新西兰时间.

编辑:也不感兴趣使用Moment或任何其他库来解决此问题,因为捆绑大小成本.

我试图让我的前端堆栈在功能上尽可能纯粹和不可变，并且它为这个项目创造了奇迹。

据说所有可以可变实现的算法都可以不可变地实现，那么在javascript中我将如何实现一个不可变的函数记忆器？因为为了通过函数中的不同路径返回，函数内部或外部的某些状态必须改变。

使用以下函数，如何在 javascript 中拥有不可变的记忆？

function once(fn){
  let returnValue;
  let canRun = true;
  return function runOnce(){
      if(canRun) {
          returnValue = fn.apply(this, arguments);
          canRun = false;
      }
      return returnValue;
  }
}
var processonce = once(process);
processonce(); //process
processonce(); //

在部署 hello world NextJS 应用程序后，在 AWS Amplify 仪表板中，我看不到访问 /api/* 路由日志的方法。这些将位于哪里？

脚步：

1. 使用 /api/hello.js 初始化极其简单的 helloworld nextjs 应用程序 export default (_, res) => res.send("hello world")
2. 部署以放大
3. /api/hello 返回“hello world”

找不到此 lambda 函数的日志，也无法在 AWS 或 Amplify 仪表板中的任何位置找到它。即使启用“Amplify Studio”后，我也看不到它列在“功能”下，但显然我可以在根本不启用 Amplify Studio 的情况下调用端点。

我可以在 cloudfront 分发中看到 /api/* 的处理程序，但找不到该处理程序在哪里。

我正在尝试仅使用JavaScript(无CSS)在页面上设置SVG动画.但是,过渡并未应用延迟

dot.style.transition = "all 0.4s ease";
dot.style.transform = "translateY(-5px)";

这导致它的translateY被应用,但没有过渡.为什么这样,我怎么能避免它？

https://jsfiddle.net/0nmha9uf/ Svg似乎完全错误.

编辑:固定错字0.4秒 - 这不是问题.

编辑3:解决,利用requestAnimationFrame https://jsfiddle.net/ke5fnp9h/3/