Questions tagged «javascript»

有关在ECMAScript（JavaScript / JS）及其各种方言/实现（不包括ActionScript）中进行编程的问题。此标记很少单独使用，但最常与标记[node.js]，[jquery]，[json]和[html]关联。

1
使用可选的链接运算符进行对象属性访问
TypeScript 3.7现在支持可选的链接运算符。因此，您可以编写如下代码： const value = a?.b?.c; 即，您可以使用此运算符访问对象的属性，其中对象本身可以是null或undefined。现在我想做的基本上是相同的，但是属性名称是动态的： const value = a?[b]?.c; 但是，出现语法错误： 错误TS1005：“：”。 我在这里做错了什么？这有可能吗？ PS：该提议似乎暗示这是不可能的（但也许我弄错了语法示例）。
5
如何避免Chrome在自动填充输入中隐藏背景图像和颜色
Chrome浏览器自动填充去除的效果background-color，并background-image从Username与Password输入字段。 自动完成之前 自动完成后 但是Chrome浏览器的自动完成功能会在输入中隐藏我的图标，也更改了我的图标background-color。所以我需要我的图标原样保留在输入中。 是否可以阻止Chrome浏览器更改字段的背景色并隐藏图像？ .form-section .form-control { border-radius: 4px; background-color: #f7f8fa; border: none; padding-left: 62px; height: 51px; font-size: 16px; background-repeat: no-repeat; background-position: left 17px center; } .form-section .form-control:focus { -webkit-box-shadow: none; box-shadow: none; } .form-section .form-group { margin-bottom: 21px; } .form-section .form-control[type="email"] { background-image: url('https://i.stack.imgur.com/xhx3w.png'); } .form-section .form-control[type="password"] { …
9
如何将Java脚本变量作为值加载到引导程序模型文本框中
我在引导模型输入框中的javascript变量加载中遇到一些问题： setTimeout(function() { swal({ title: "OverTime Status!", text: "You Need to get Sub OT Approval " + data.value + " Hours to Time allocate in the department", type: "warning", confirmButtonText: "OK" }, function(isConfirm) { if (isConfirm) { $('#hours_work').val(data.value); //data.value alert the correct value in here.but this value not load in …
5
如果在Firefox中单击鼠标时鼠标被移动，则HTML标签不会触发相应的输入
在以下示例中，当您单击标签时，输入将更改状态。 document.querySelector("label").addEventListener("click", function() { console.log("clicked label"); }); label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } <input type="checkbox" id="1"> <label for="1">Label</label> 运行代码段隐藏结果展开摘要 在Chrome中，当您在mousedown和mouseup事件之间移动光标时，输入仍会被触发，而在Firefox中，此复选框不会更改状态。 有没有办法来解决这个问题？（不使用JavaScript事件侦听器） Firefox版本： 69.0.3 (64-bit) 使用Chrome浏览器时的全套操作。 按下标签上方的按钮 仍然按住按钮的同时，将光标移动到周围（甚至在标签之外） 将光标返回到标签 释放按钮
13 javascript  html  css  label 
6
在HTML上方绘制箭头
我有一个html表，我想从一个单元格到另一个单元格绘制一个箭头。例如这样： 怎么办呢？ HTML示例： <html> <body> <table> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td id="end">9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td id="start">0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> </body> </html> 如果调整浏览器的大小，箭头应停留在（新）开始/结束位置。
13 javascript  html  svg 
2
即使设置SameSite = None，Safari也不会发送cookie；安全
我们的应用程序使用cookie来记住用户登录。我们进行的每次auth API调用，浏览器都会将服务器设置的HTTPonly cookie附加到API请求中，并进行身份验证。莫哈韦沙漠（Mojave）发布后，这种行为在野生动物园中似乎已被打破。 我了解了由safari实现的跨站点cookie安全性，并且SameSite=None;Secure在设置cookie时添加了我们的服务器团队。即使在那之后，它仍然不起作用。 Set-Cookie: my_cookie=XXXXX; path=/; secure; HttpOnly; SameSite=None 请提供建议或提供实际找到解决方案的人的链接。
2
使用React.forwardRef与自定义ref属性的价值
我看到React.forwardRef似乎是从react docs传递ref到子功能组件的批准方法： const FancyButton = React.forwardRef((props, ref) => ( <button ref={ref} className="FancyButton"> {props.children} </button> )); // You can now get a ref directly to the DOM button: const ref = React.createRef(); <FancyButton ref={ref}>Click me!</FancyButton>; 但是，与仅通过自定义道具相比，这样做的好处是什么？： const FancyButton = ({ innerRef }) => ( <button ref={innerRef} className="FancyButton"> {props.children} </button> )); const …
3
Google Play商店安全警报说您的应用程序包含漏洞JavaScript库，如何删除安全警告？
在Google Play商店中，这样的警告如下： 您的应用包含一个或多个存在已知安全问题的库。有关详细信息，请参阅此Google帮助中心文章。 脆弱的JavaScript库： 名称-> jquery 版本-> 3.3.1 已知问题-> SNYK-JS-JQUERY-174006 识别的文件-> res / raw / jquery_min.js 注意：在我的应用程序中加载webview时，我将在webview url中访问InterceptRequest并从原始文件夹资源中加载本地jquery_min.js文件，由于此功能，该功能可帮助我们更快地加载网页，而且我每月可从服务器节省5 GB的下载量。 示例WebView程序 LoadLocalScripts localScripts=new LoadLocalScripts(this); webView.setWebViewClient(new WebViewClient() { public boolean shouldOverrideUrlLoading(WebView view, String url) { return true; } //Show loader on url load public void onLoadResource(WebView view, String url) { } public …
3
Javascript-纯函数与不纯函数
我已经经历了两个类似的定义： 纯函数是不尝试更改其输入的函数，并且对于相同的输入始终返回相同的结果。 例 function sum(a, b) { return a + b; } 不纯函数是一种更改其自身输入的函数。 例 function withdraw(account, amount) { account.total -= amount; } 定义和代码片段摘自ReactJs 官方文档。 现在，有人可以告诉我，如何在React / Redux中犯一些错误，以在需要纯函数的地方使用不纯函数？
2
如何在innerHTML内获取click事件？
我有一个动态创建的布局： for (let i = 1; i < 10; i++) { document.querySelector('.card-body').innerHTML += `<div class="row" id="img_div"> <div class="col-12 col-sm-12 col-md-2 text-center"> <img src="http://placehold.it/120x80" alt="prewiew" width="120" height="80"> </div> <div id="text_div" class="col-12 text-sm-center col-sm-12 text-md-left col-md-6"> <h4 class="name"><a href="#" id="title` + i + `">Name</a></h4> <h4> <small>state</small> </h4> <h4> <small>city</small> </h4> <h4> <small>zip</small> …
2
在用户离开标签页或关闭屏幕后，如何检测浏览器何时阻止计时器和WebSocket断开连接？（javascript）
语境 运是一种进步的Web应用程序具有定时器（A比赛setTimeout，setInterval）和WebSocket连接来获得实时通信。 怎么了 只要用户停留在应用程序中，一切都很好。但是，当用户转到另一个选项卡或另一个应用程序或关闭屏幕（在移动设备的情况下）时，它变成了一个“可怕的未知世界”。 Websocket可能会或可能不会“暂停”或“关闭” 计时器看起来像在节流或防抖。 这种行为似乎取决于浏览器和平台，甚至可能取决于特定的用户行为。我想浏览器和操作系统都有自己的生命周期/机制来节省电池和/或计算。 当用户回来时，该应用程序处于未知状态，我正在努力正确恢复该状态。 关于websocket，我可以通过socket.io和reconnecting-websocket自动重新连接，但这还不足以解决所有问题。 寻找答案 关于这些浏览器的不同浏览器的“生命周期”是什么？有记录吗？他们什么时候决定关闭并节流？ 他们对websockets到底做了什么？浏览器只是断开它们的连接？ 他们到底对计时器做什么？他们会抑制它们或使其反跳吗？ 一般而言，javascript执行会怎样？暂停/破坏/节流？ 有什么办法可以关闭某些浏览器生命周期事件？我唯一能找到的可能是可见性API 有没有一种方法可以人为地重现此行为以能够测试解决方案？在台式机上尤其困难。Websocket无法关闭，Chrome开发人员似乎并不急于解决2014年以来的问题（！）：使用连接限制时不包含 Websocket 不管以上哪种情况，是否都存在实用的跨浏览器解决方案来检测/解决此问题？（例如，根据经验，台式机上的Firefox的行为似乎与Chrome完全不同，iPhone断开连接的频率要比Android高得多） 相关链接 由于页面不在焦点时，由于不活动，Safari断开了Web套接字连接
1
可拖动的背景
我想实现像Konva js中那样的无限阻力。我尝试各种各样的东西，但没有一个还可以。我是p5js和javascript中的新手。请提供任何提示。仅此元素阻止我完成整个项目。 var grid; var current_img; var BgCat1 = []; var layerOne; let show_grid = false;
4
如何在CSS中垂直对齐所有文本？
这个问题似乎是某些字母一样g，y，q等有一个尾巴向下倾斜，不允许垂直居中。这是展示问题的图像。 绿色框中的字符基本上是完美的，因为它们没有向下的尾巴。红色框中的内容演示了该问题。 我希望所有字符都垂直居中对齐。在图像中，尾巴向下的字符未垂直居中。这可以纠正吗？ 这是充分说明问题的小提琴。 .avatar { border-radius: 50%; display: inline-block; text-align: center; width: 125px; height: 125px; font-size: 60px; background-color: rgb(81, 75, 93); font-family: "Segoe UI"; margin-bottom: 10px; } .character { position: relative; top: 50%; transform: translateY(-50%); line-height: 100%; color: #fff; } <div class="avatar"> <div class="character">W</div> </div> <div class="avatar"> <div class="character">y</div> …
1
如何使用PWA应用程序的javascript检测设备级别通知的开启或关闭？
我的要求是如何使用javascript（在不使用任何插件的情况下，如果此插件支持PWA应用程序，则不能使用任何插件）在Android设备中检测设备级别通知的开启/关闭。 根据通知是否关闭，我需要向用户显示弹出窗口，请启用通知功能，您将收到通知。 以下答案仅用于侦探性浏览器级别的通知。如果有人知道，请给我确切的答案。因为，我停在那里。 如果用户禁用，请检查此处用户启用的图片，如果用户禁用，那么我将无法发送通知。
3
是否允许JS引擎更改NaN的位？
在JavaScript中，NaN值可由内部广泛的64位double表示。具体来说，具有以下按位表示形式的任何double： x111 1111 1111 xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx 被解释为NaN。我的问题是：假设我使用ArrayBuffers将两个32位uint强制转换为一个JS Number，将其传递，然后将其强制转换为两个32位uint。恢复的位是否将与原始位相同，还是允许JS引擎随意更改NaN的位？换句话说，JS号码可以用来无损地存储64位吗？
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.