程序设计 javascript

11

我在Lovefield中有很多表，以及它们各自具有哪些列的接口。例： export interface IMyTable { id: number; title: string; createdAt: Date; isDeleted: boolean; } 我想在一个这样的数组中包含此接口的属性名称： const IMyTable = ["id", "title", "createdAt", "isDeleted"]; 我不能IMyTable直接基于该接口来创建对象/数组，而这应该可以解决问题，因为我会动态获取表的接口名称。因此，我需要遍历接口中的这些属性并从中获取一个数组。我如何达到这个结果？

101 javascript typescript

13

您如何在ReactJS中悬停？-在快速悬停过程中未注册onMouseLeave

进行内联样式设置时，如何在ReactJS中实现悬停事件或活动事件？我发现onMouseEnter，onMouseLeave方法存在问题，因此希望有另一种方法可以做到。具体来说，如果您将鼠标悬停在组件上的速度非常快，则仅会注册onMouseEnter事件。onMouseLeave从不触发，因此无法更新状态...使该组件看起来好像仍在悬停。如果您尝试模仿“：active” css伪类，我会注意到同样的事情。如果单击得非常快，则只会注册onMouseDown事件。onMouseUp事件将被忽略...使组件保持活动状态。这是显示问题的JSFiddle：https ://jsfiddle.net/y9swecyu/5/ 有问题的JSFiddle视频：https ://vid.me/ZJEO 编码： var Hover = React.createClass({ getInitialState: function() { return { hover: false }; }, onMouseEnterHandler: function() { this.setState({ hover: true }); console.log('enter'); }, onMouseLeaveHandler: function() { this.setState({ hover: false }); console.log('leave'); }, render: function() { var inner = normal; if(this.state.hover) { inner …

101 javascript css reactjs mouseevent dom-events

12

如何在React Native上显示SVG文件？

我想显示svg文件（我有一堆svg图像），但是我找不到显示方法。我尝试使用react-native-svg的Image和Use组件，但是它们不能使用。我试图用本机的方式做到这一点，但是要显示svg图像确实非常困难。示例代码： import Svg, { Use, Image, } from 'react-native-svg'; <View> <Svg width="80" height="80"> <Image href={require('./svg/1f604.svg')} /> </SvgRn> </View> 我也知道react native基本上不支持svg，但是我认为有人用棘手的方式解决了这个问题（有/没有react-native-svg）

101 javascript svg react-native

5

如何从目录中删除所有文件而不在Node.js中删除目录

如何使用Node.js从目录中删除所有文件而不删除目录本身？我想删除临时文件。我对文件系统还不好。我已经找到了此方法，它将删除文件和目录。在那种情况下，类似的东西/path/to/directory/*将无法工作。我真的不知道应该使用什么命令。谢谢您的帮助。

101 javascript node.js

8

预期验证者返回Promise或Observable

我正在尝试对Angular 5进行自定义验证，但遇到了以下错误 Expected validator to return Promise or Observable 我只想返回一个错误到表单，如果该值不符合要求，这是我的代码：这是我的表格所在的组件 constructor(fb: FormBuilder, private cadastroService:CadastroService) { this.signUp = fb.group({ "name": ["", Validators.compose([Validators.required, Validators.minLength(2)])], "email": ["", Validators.compose([Validators.required, Validators.email])], "phone": ["", Validators.compose([Validators.required, Validators.minLength(5)])], "cpf": ["", Validators.required, ValidateCpf] }) } 这段代码在我要实现的验证文件中： import { AbstractControl } from '@angular/forms'; export function ValidateCpf(control: AbstractControl){ if (control.value …

101 javascript angular angular5 angular-forms angular-validation

10

JavaScript .includes（）方法的多个条件

只是想知道，是否有一种方法可以向.includes方法添加多个条件，例如： var value = str.includes("hello", "hi", "howdy"); 想象一下逗号表示“或”。现在询问字符串是否包含hello，hi或howdy。因此，只有在其中一个条件为真的情况下。有没有这样做的方法？

101 javascript methods

8

如何检查Javascript对象

如何检查警报框中的对象？通常，警告对象只会抛出节点名： alert(document); 但是我想在警报框中获取对象的属性和方法。如果可能，如何实现此功能？还是有其他建议？尤其是，我正在寻找针对console.log和Firebug不可用的生产环境的解决方案。

100 javascript object inspect

18

Bootstrap下拉菜单不起作用

我无法正常使用下拉菜单。我可以使导航栏完美显示，但是当我单击“ Dropdown”（二者之一）时，它不会显示下拉菜单。我曾尝试查看有关此问题的其他文章，但是没有什么能解决每个人的问题。我直接从bootstrap网站复制了源代码，但似乎无法在我的机器上使用它。有人有主意吗？我盯着它看了一个小时，似乎无法弄清楚问题出在哪里。 <head> <script src="resource/js/jquery-1.11.0.js"></script> <script src="resources/js/bootstrap.js"></script> <script type="text/javascript"> $(document).ready(function() { $('dropdown-toggle').dropdown() }); </script> </head> <body> <nav class="navbar navbar-default" role="navigation"> <div class="container-fluid">  <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data- target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> …

100 javascript jquery html css twitter-bootstrap

13

使用jQuery将一个标签替换为另一个标签

目标：使用jQuery，我试图替换所有出现的情况： <code> ... </code> 与： <pre> ... </pre> 我的解决方案：我了解到以下内容： $('code').replaceWith( "<pre>" + $('code').html() + "</pre>" ); 我的解决方案的问题：但是问题在于它用第一个 “ code”标签之间的内容替换了（第二，第三，第四等）“ code”标签之间的所有内容。例如 <code> A </code> <code> B </code> <code> C </code> 变成 <pre> A </pre> <pre> A </pre> <pre> A </pre> 我认为我需要使用“ this”和某种功能，但恐怕我还在学习，并且不太了解如何将解决方案组合在一起。

100 javascript jquery replace

5

CSS过渡上的回调

CSS转换完成后能否获得通知（如回调）？

100 javascript css css-transitions

3

JavaScript：如何在Chrome调试器工具中设置条件断点

我有一个简单的js文件，可连续打印日期。我正在使用Google Chrome调试器工具（F12）我的问题是，是否可以在Google Chrome浏览器中设置条件断点？在我的代码中，如果秒值等于50 ??，我想设置一个断点。 s = date.getSeconds(); 这是我的资料来源所在的jsfiddle （不确定为什么它不能在jsfiddle中工作）无论如何，我的问题是，是否可以在chrome调试器工具中设置条件断点？

100 javascript google-chrome

6

HTML5是否将允许Web应用程序建立对等HTTP连接？

是否可以创建一个在中央服务器帮助下可以与同一Web应用程序的其他用户建立直接连接的Web应用程序？我正在想象一个类似于UDP打孔的过程。我已经阅读了有关HTML5中新的WebSockets API的信息，但看来您必须先启动与WS兼容服务器的连接，然后才能开始全双工连接。我还在考虑在客户端之间建立直接连接的过程，其中服务器仅参与初始握手。注意：Java小程序不计算在内。我只对标准浏览器技术感兴趣。

100 javascript ajax html

1

当使用其他单词代替onclick值中的“ javascript”时，为什么浏览器不会引发错误？

我继承了一个网站，就遇到了这种好奇心： <a href="/delete" onClick="jamoscript:return confirm('Do you really want to do that?');">Delete all</a> 我可以显示包含它的页面，然后单击链接以将确认对话框与将“ jamoscript” 更改为“ ” 时完全相同javascript。加载页面或单击链接时，Firebug控制台中不会显示任何诊断信息。怎么了搜寻jamoscript不会发现任何有趣的事情。有人可以解释这种行为吗？

100 javascript html

2

grunt-contrib-copy中的“ expand”选项有什么作用？这些示例都使用它，但是文档没有说明它的作用

这是自述文件和示例：https : //github.com/gruntjs/grunt-contrib-copy/blob/master/README.md。这是来自https://github.com/gruntjs/grunt-contrib-copy/blob/master/tasks/copy.js的代码的相关部分（我显然无法理解）： module.exports = function（grunt）{ “使用严格”； var path = require（'path'）; grunt.registerMultiTask（'copy'，'Copy files。'，function（）{ var kindOf = grunt.util.kindOf; var options = this.options（{ processContent：否， processContentExclude：[] }）; var copyOptions = { 流程：options.processContent， noProcess：options.processContentExclude }; grunt.verbose.writeflags（options，'Options'）; var dest; var isExpandedPair; var tally = { 目录：0，档案：0 }; this.files.forEach（function（filePair）{ isExpandedPair = filePair.orig.expand || 假; …

100 javascript gruntjs

6

此JavaScript模式称为什么，为什么使用它？

我正在研究THREE.js，并注意到一种定义函数的模式，如下所示： var foo = ( function () { var bar = new Bar(); return function ( ) { //actual logic using bar from above. //return result; }; }()); （实施例见光线投射方法这里）。这种方法的正常变化如下所示： var foo = function () { var bar = new Bar(); //actual logic. //return result; }; 将第一个版本与正常版本进行比较，第一个版本的不同之处在于：它分配一个自动执行功能的结果。它在此函数内定义了一个局部变量。它返回包含使用局部变量的逻辑的实际函数。 …

100 javascript closures iife

Questions tagged «javascript»