小编Eva*_*ows的帖子

以编程方式停用Chrome自动填充功能

互联网上有一些关于这方面的讨论(特别是关于堆栈溢出),但其中很多都是从2015年左右开始的,所以我想知道是否有人有近期的经验.

我们使用JavaScript小部件为Web表单上的预先键入搜索功能提供支持,但此UI始终与Chrome自动填充重叠.

虽然autocomplete=“off”用来工作,Chrome浏览器现在似乎忽略这个值了,反正显示的UI.我唯一可以找到适用于OSX上的Chrome 66/67的是无效值,例如autocomplete=“blah”.这看起来似乎过于粗略,我们之前已经对此进行过实验,在某些情况下/ Chrome版本会被忽略.

有没有人喜欢使用HTML/Javascript关闭它的可靠方法?

作为旁注 - 看起来甚至Google也无法在需要时将其关闭,因为他们自己的谷歌地图预先输入小部件被Chrome自动填充覆盖.这可以在大多数Shopify商店看到.

html javascript google-chrome

12
推荐指数
4
解决办法
1万
查看次数

在 Node.js 中获取请求失败(在建立安全 TLS 连接之前客户端网络套接字已断开)

我刚刚Tensorflow Toxicity classifier从这个Github 页面的示例中加载了样板代码。

这是代码index.js-

const toxicity = require('@tensorflow-models/toxicity');

const threshold = 0.9;

toxicity.load(threshold).then((model) => {
  const sentences = ['you suck'];

  model.classify(sentences).then((predictions) => {
    console.log(predictions);
  });
});
Run Code Online (Sandbox Code Playgroud)

如果你需要完整的项目,这里是GitHub repo

但是当我运行代码时,它给了我以下错误 -

(node:2180) UnhandledPromiseRejectionWarning: FetchError: request to https://storage.googleapis.com/tfjs-models/savedmodel/universal_sentence_encoder/vocab.json failed, reason: Client network socket disconnected before secure TLS connection was established
    at ClientRequest.<anonymous> (D:\xampp\htdocs\nodejs-projects\simple-node\node_modules\node-fetch\lib\index.js:1393:11)
    at ClientRequest.emit (events.js:310:20)
    at TLSSocket.socketErrorListener (_http_client.js:426:9)
    at TLSSocket.emit (events.js:310:20)
    at emitErrorNT (internal/streams/destroy.js:92:8)
    at emitErrorAndCloseNT (internal/streams/destroy.js:60:3)
    at processTicksAndRejections (internal/process/task_queues.js:84:21)
(node:2180) UnhandledPromiseRejectionWarning: …
Run Code Online (Sandbox Code Playgroud)

javascript node.js promise tensorflow

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

反应服务工作者注册

我正在尝试在 React 应用程序中安装 Service Worker。但是当我尝试注册它时,它失败了:

Uncaught (in promise) TypeError: Failed to register a ServiceWorker: ServiceWorker 脚本评估失败

我的代码在 App.js 中,其中的代码是:

import React, { Component } from 'react';
class App extends Component {
  constructor(){
if ('serviceWorker' in navigator) {
  window.addEventListener('load', () => {
  navigator.serviceWorker.register('./sw.js')})}
}
render() {
return (
  <div className="App">
    <h1>PWA Go!</h1>
  </div>
);

}
}
Run Code Online (Sandbox Code Playgroud)

此外,我的所有文件都在 src 文件夹中。这些文件是:

索引.js

应用程序.js

离线.html

sw.js

我的 service worker(sw.js) 里面有这个代码:

this.addEventListner(`install`, (e) => {
e.waitUntil(
    caches.open(`V1`)
    .then((ref) => {
        ref.add(`offline.html`)
    })
    .catch((err) => { …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs service-worker

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

为什么参数“ props”隐式具有“ any”类型?

我试图用create-react-app-typescript创建一家商店。一切都很好.....但是,此错误发生了,“参数'props'隐式具有'any'类型”,我在互联网上找到了解决方案...建议为props创建一个接口。但是我真的不知道那个物体有什么,所以我什至不能做...

任何帮助表示赞赏!(我是TypeScript的新手)

import * as React from 'react';
import { connect } from "react-redux";
import mapStateToProps from "./utilities/mapStateToProp";

class App extends React.Component {
  constructor(props){
    super(props);
  }

  public render() {
    return (
      <div className="App">
        <h1>Go Type React</h1>
      </div>
    );
  }
}

export default connect(mapStateToProps)(App);
Run Code Online (Sandbox Code Playgroud)

javascript typescript redux create-react-app

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

在CSS中删除具有动画效果的行

我想用某种动画删除该行.问题是当我将宽度设置为0然后它也改变了它的位置.这不应该发生.

该线应从起点移动到终点而不改变其位置.

$('button').click(function(){
$('.main').toggleClass('remove')
})
Run Code Online (Sandbox Code Playgroud)
.line{
  width:60px;
  height:2px;
  background:#000;
  transform: rotate(30deg);
  position:absolute;
  top:20px;
  z-index:1;
  transition: all 0.3s ease-in-out;
}

.remove .line{
  width:0
}
.main{
  position:relative;
}
span{
  display:inline-block;
  width:40px;
  height:40px;
  background:red;
  border-radius:50%;
  position:relative;
  left:8px;
  top:2px
}

button{
  margin-top:60px
}
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="main">
<div class="line"></div>
<span></span>
</div>

<button>toggle</button>
Run Code Online (Sandbox Code Playgroud)

小提琴

html css jquery css-animations

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

有没有办法在服务工作者中导入或加载库?

我正在为我的应用程序编写一个服务工作者,它在“激活”状态下读取和写入 IndexedDB。为了在 IndexedDB 中读取或写入,我使用一个名为“idb”的库(https://unpkg.com/idb?module)。有没有可能的方法在服务工作者中导入库。另外,该库使用 ES6 导入和导出,这会有问题吗?

fetch service-worker

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