问题列表 - 第289397页

在 PWA 中保持计时器运行的最佳实践

我正在使用 React 构建一个渐进式 Web 应用程序,其概念围绕着保持计时器运行。

就上下文而言,该应用程序可供家庭酿酒师跟踪酿造过程中何时需要添加啤酒花和其他添加物。在煮沸剩余一定时间时添加添加物,即在剩余 20 分钟时添加 1 盎司 Citra 啤酒花。

我使用 JavaScriptsetInterval来“勾选”计时器,这是elapsedSeconds驱动应用程序其余部分的状态属性。

我遇到的问题是计时器停止计时。如果我让应用程序运行,屏幕最终将锁定,或者我将切换应用程序等。服务工作人员将继续运行,并且计时器将继续滴答作响,时间很短(据我所知大约 10 分钟)测试中?)

我的想法是,我将在状态中存储一个纪元时间,它代表计时器启动的时间。这样,当用户“返回”PWA 时,我可以将当​​前纪元时间与存储的时间进行比较startingEpochTime以获取elapsedSeconds返回值。但如果不需要的话,我不想在每次“滴答”时都进行这种比较。理想情况下,只有当用户从其他上下文返回应用程序且 Service Worker 已经停止处理时,才会运行此比较。

我正在寻找的是执行此操作的正确方法。window.onload在这种情况下会起作用吗?如果我将应用程序切换到另一个应用程序 20 分钟,然后切换回我的计时器应用程序,该方法是否会再次运行?寻找这种情况的最佳实践,或者任何可能对我有帮助的想法。

javascript timer reactjs progressive-web-apps

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

对堆积条形图进行排序

我可以通过执行以下操作来创建堆积条形图:

import pandas as pd
import numpy as np
import altair as alt

data = {'First': {('Header-1', 'H1-A'): 'Red',
                  ('Header-1', 'H1-B'): 'Red',
                  ('Header-1', 'H1-C'): 'Red',
                  ('Header-2', 'H2-A'): 'White',
                  ('Header-2', 'H2-B'): 'White',
                  ('Header-2', 'H2-C'): 'Yellow',
                  ('Header-3', 'H3-A'): 'Red',
                  ('Header-3', 'H3-B'): 'White',
                  ('Header-3', 'H3-C'): 'White',
                  ('Header-3', 'H3-D'): 'Yellow'},
        'Second': {('Header-1', 'H1-A'): 'White',
                   ('Header-1', 'H1-B'): 'Yellow',
                   ('Header-1', 'H1-C'): 'Yellow',
                   ('Header-2', 'H2-A'): 'Yellow',
                   ('Header-2', 'H2-B'): 'Green',
                   ('Header-2', 'H2-C'): 'Green',
                   ('Header-3', 'H3-A'): 'Green',
                   ('Header-3', 'H3-B'): 'Red',
                   ('Header-3', 'H3-C'): 'Red',
                   ('Header-3', 'H3-D'): 'White'},
        'Third': {('Header-1', 'H1-A'): …
Run Code Online (Sandbox Code Playgroud)

dataframe pandas altair

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

keras预处理逻辑

背景:

\n\n

在 GCP 上的视觉应用程序中,我们使用 TF 服务。使用 TF Serving 的应用程序是用 Go 编写的。该应用程序将图像转换为 Tensor,并使用 gRPC 将其发送到 TF 服务。

\n\n

问题:

\n\n

Golang 中的预处理逻辑不像 Python 中那样工作,使用 Keras 图像库(推理的准确性受到影响)。部分原因可能是训练期间使用了 Python 库。

\n\n

我们尝试了,

\n\n

Tensorflow 服务提供了一种引入可在服务容器上运行的预处理器的方法。它的功能似乎有限(无法将 Keras 库与模型打包)。我们尝试了以下两种选择

\n\n

有效的是 Keras 预处理 (Python),在客户端如下。

\n\n
img = tf.keras.preprocessing.image.load_img(file_name, target_size=(HEIGHT, WIDTH))\nimg_array = tf.keras.preprocessing.image.img_to_array(img)\n\n
Run Code Online (Sandbox Code Playgroud)\n\n

\xe2\x80\xa6 grpc 调用 TensorflowServing...

\n\n

我们的目标是使用 \xe2\x80\x9cserving_input_receiver_fn\xe2\x80\x9d 并在 TFServing 空间中预处理图像,如本博客文章中所述: https ://medium.com/devseed/technical-walkthrough-packaging-ml-models -for-inference-with-tf-serving-2a50f73ce6f8

\n\n

但是以下作为 \xe2\x80\x9cserving_input_receiver_fn\xe2\x80\x9d 执行的代码不会产生正确的推论。

\n\n
image = tf.image.decode_image(image_str_tensor, channels=CHANNELS                                       dtype=tf.uint8)\nimage = tf.reshape(image, [HEIGHT, WIDTH, CHANNELS])\n
Run Code Online (Sandbox Code Playgroud)\n\n

我们的目标 …

keras tensorflow-serving

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

What's the best way to put two inputs side by side in a form using Bulma CSS?

I just started using Bulma to style my site and am having a hard time figuring out whether the framework supports putting two form fields side-by-side. The best example would be first and last name of a user.

Bulma's form group looked promising but it doesn't seem to work if you want two separate fields.

I also started using the grid (columns and column classes) but it got messy with spacing.

Here's what I'm trying to do (the first …

bulma

4
推荐指数
3
解决办法
4177
查看次数

How Disable a Dropdown Item When Some Selection Checkboxes Are Not Present

I'll try my best to explain this. So I have several HTML pages with a dropdown menu, which selects checkboxes when pressed on each item.

HTML Page 1 has checkboxes for female names:

Arina
Diana
Jane
....
Run Code Online (Sandbox Code Playgroud)

HTML Page 2 has checkboxes for male names:

Jake
Andrew
William
....
Run Code Online (Sandbox Code Playgroud)

HTML Page 3 has checkboxes for pet names:

Milo
Ollie
Teddy
...
Run Code Online (Sandbox Code Playgroud)

Now I'm using a dropdown menu on these 3 HTML pages I've mentioned to select these checkboxes.

You can …

javascript jquery

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

package.json devDependency 和peerDependency 中重复相同的依赖项?

我目前正在构建 React UI 组件包,该组件包将发布到 NPM。

我按照应有的方式将 React 和 ReactDOM 添加到对等依赖项中。然而,在我的库中,我依赖于类似的模块,react-dates也有 React 作为对等模块。

当我npm i在包内执行此操作时,我收到了很多这样的警告,这些警告污染了我的终端:

warning " > react-dates@21.2.0" has unmet peer dependency "react@^0.14 || ^15.5.4 || ^16.1.1".
warning " > react-dates@21.2.0" has unmet peer dependency "react-dom@^0.14 || ^15.5.4 || ^16.1.1".
Run Code Online (Sandbox Code Playgroud)

作为一种解决方法,我决定还添加 React 和 ReactDOM devDependencies,警告就消失了。

dev您认为这是在和中重复依赖项的好方法吗peer

node.js npm node-modules reactjs react-dom

5
推荐指数
0
解决办法
1614
查看次数

与 Mockito Mock 进行宽松的字符串匹配

我有一个测试来验证空对象的返回(如果该对象的字符串属性与预先确定的值不匹配)。我的代码是

import guru.springframework.sfgpetclinic.model.Speciality;
import guru.springframework.sfgpetclinic.repositories.SpecialtyRepository;
import org.junit.jupiter.api.Test;
import org.junit.jupiter.api.extension.ExtendWith;
import org.mockito.InjectMocks;
import org.mockito.Mock;
import org.mockito.Mockito;
import org.mockito.junit.jupiter.MockitoExtension;

import java.util.Optional;

import static org.assertj.core.api.Assertions.assertThat;
import static org.junit.jupiter.api.Assertions.assertThrows;
import static org.mockito.BDDMockito.*;
import static org.junit.jupiter.api.Assertions.*;
import static org.mockito.BDDMockito.given;
import static org.mockito.BDDMockito.then;

@ExtendWith(MockitoExtension.class)
class SpecialtySDJpaServiceTest {

    @Mock
    SpecialtyRepository specialtyRepository;

    @InjectMocks
    SpecialtySDJpaService service;


    @Test
    void testSaveLambdaNoMatch() {

       // Given
       final String MATCH_ME = "MATCH_ME";
       Speciality speciality = new Speciality();
       speciality.setDescription("Not a match");

       Speciality savedSpeciality = new Speciality();
       savedSpeciality.setId(1L);

       // Need mock to only return on match …
Run Code Online (Sandbox Code Playgroud)

java mockito junit5

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

如何在 Nixos 中跟踪/流式传输系统日志

我在看这里: https: //github.com/NixOS/nixos/blob/master/modules/services/logging/syslogd.nix

我尝试了一个简单的:

tail -f /var/log/syslog
Run Code Online (Sandbox Code Playgroud)

但这会产生:

tail:无法打开“/var/log/syslog”进行读取:没有这样的文件或目录

syslog tail nixos nix

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

如何删除 GCP 实例上的 dns 名称服务器 169.252.169.254

在 GCP 上,在我部署了 ubuntu 16.04 实例后,它的 /etc/resolv.conf 中有一个默认名称服务器 169.254.169.254

我不想使用它,所以我去了 /etc/resolvconf/resolv.conf.d/base (第一次打开时是空白的)并添加了我自己的名称服务器

运行 sudo resolvconf -u 后,我自己的名称服务器显示在 /etc/resolv.conf 中,但它位于 169.254.169.254 之下

只要169.254.169.254负责,我自己的名称服务器就不会被使用......

我只是想知道如何删除 169.254.169.254.....

dns nameservers google-cloud-platform

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

Why can't I get the value of storage using async for AuthGuard?

I'm trying to do a very simple login in my Ionic 4 app. When a user logs in I set a token in storage. This is working.

I'm using an Auth Guard to check against one page in the app, so if the token is set in storage, the user can view the page. Otherwise they are redirected to the login page.

My problem is that I'm completely stuck in async hell; I just can't figure it out. I'm trying …

ionic-framework angular ionic4

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