Questions tagged «javascript»

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

9
JavaScript：搜索字符串时indexOf与Match是否匹配？
除了可读性，使用之间是否有任何明显的区别（也许是性能） str.indexOf("src") 和 str.match(/src/) 我个人更喜欢match（和正则表达式），但同事似乎却选择了相反的方式。我们想知道这是否重要...？ 编辑： 我应该在一开始就说过，这是针对将进行部分纯字符串匹配（以获取JQuery的类属性中的标识符）的函数，而不是使用通配符等进行全正则表达式搜索的函数。 class='redBorder DisablesGuiClass-2345-2d73-83hf-8293' 因此，两者之间的区别在于： string.indexOf('DisablesGuiClass-'); 和 string.match(/DisablesGuiClass-/)
8
VueJ模板化。如何加载外部模板
我是Vue.js的新手，我已经使用AngularJS一段时间了，并且在过去我们使用Angular来加载模板，例如， template: '/sometemplate.html', controller: 'someCtrl' 我们如何在Vue中做这样的事情，而不是像这样在JavaScript中保留大型HTML模板， new Vue({ el: '#replace', template: '<p>replaced</p>' }) 小型模板可以这样做，但大型模板是否可行？ 有没有办法加载外部模板HTML或在Vue中的脚本标签内使用HTML模板？ <script type="x-template" id="template>HTML template goes here</html>
6
在Node.Js / Express应用程序中存储数据库配置的最佳方法
在运行在node.js / Express上的开源应用程序中存储数据库配置（用户名，密码）的最佳方法是什么？两个具体问题： 例如，我是否应该将其放入文件/lib夹中的单独config.js文件中，并且永远不要将其包含在GitHub上公开可用的主存储库中？ 要包括配置，它是否像require('./config.js')需要它的文件一样简单，或者有更好的方法呢？ PS很抱歉，如果问题看起来有点简单或表达方式不够好，但我才刚刚开始:)
2
NodeList何时处于活动状态，何时处于静态状态？
从MDN for NodeList： 在某些情况下，NodeList是一个实时集合，这意味着DOM中的更改会反映在集合中。例如，Node.childNodes处于活动状态： var parent = document.getElementById('parent'); var child_nodes = parent.childNodes; console.log(child_nodes.length); // let's assume "2" parent.appendChild(document.createElement('div')); console.log(child_nodes.length); // should output "3" 在其他情况下，NodeList是静态集合，这意味着DOM中的任何后续更改都不会影响集合的内容。document.querySelectorAll返回一个静态NodeList。 所以....有点烦！是否有中央参考说明哪些方法返回活动列表，哪些方法返回静态列表，而无需单独检查DOM API的所有各个部分？这里有工作规则吗？
9
如何确定是否已选中复选框？
出于某种原因，我的表单不希望获取复选框的值...我不确定这是否是我的编码，但是当我尝试alert()输入值时，就会得到undefined结果。我有什么问题？ <head> <script> var lfckv = document.getElementById("lifecheck").checked function exefunction(){ alert(lfckv); } </script> </head> <body> <label><input id="lifecheck" type="checkbox" >Lives</label> </body> 编辑 我尝试将其更改为此 function exefunction() { alert(document.getElementById("lifecheck").checked); } 但是现在它甚至不想execute。怎么了
6
如何用ES6类制作迭代器
如何以与JS1.7SomeClass.prototype.__iterator__ = function() {...}语法相同的方式从ES6类中构造出迭代器？ [编辑16:00] 以下作品： class SomeClass { constructor() { } *[Symbol.iterator]() { yield '1'; yield '2'; } //*generator() { //} } an_instance = new SomeClass(); for (let v of an_instance) { console.log(v); } WebStorm标志*[Symbol.iterator]()在星号后直接带有“预期的功能名称”警告，但否则，此函数可以编译并在Traceur中正常运行。（请注意，WebStorm不会为生成任何错误*generator()。）
1
角度动画的目的是什么？
我一直想知道为什么我应该在CSS动画上使用Angular动画。我发现人们在使用它们之前可能会考虑的几个方面： 性能 在第一步中，我发现这个问题只与物联网服务表现方面的交易。接受的答案对我来说并不令人满意，因为它指出应该尽可能使用CSS动画，以便可以应用诸如在单独线程中运行动画之类的优化。这似乎不是事实，因为Angular文档指出 角动画建立在标准Web动画API的基础上，并在支持该动画的浏览器上本地运行。 （强调我的） 而且，当我们查看Web动画API草案时，我们发现可以对Web动画应用与表中指定的CSS相同的优化。 尽管可以使用ECMAScript通过requestAnimationFrame [HTML]来执行动画，但是这种动画的行为与声明性动画不同，就其在CSS级联中的表示方式以及可能的性能优化（例如在单独的线程上执行动画）而言。使用Web动画编程界面，可以从脚本创建与声明性动画具有相同行为和性能特征的动画。 （再次强调我的） 除了IE等某些浏览器不支持Web动画外，是否有任何理由在Angular动画上使用CSS声明，反之亦然？我认为它们是可互换的性能。 更好地控制动画 这可能是Angular动画的一个参数，因为您可以暂停动画或将JS变量与其一起使用，等等，但是使用eg时也是如此。CSSanimation-play-state: pause或使用JS中指定的CSS变量，请参见说明文件。 现在，我看到在JS代码中设置CSS变量可能不方便，但是在使用Angular动画时也是如此。这些通常是在@Component animations字段中声明的，除了通过动画状态数据绑定属性之外，没有访问实例字段的权限（AnimationBuilder当然，如果您不通过动画创建动画，顺便说一句也不太方便或美观） 。 另一点是，使用Web Animations API可以检查，调试或测试动画，但是我看不到Angular动画怎么可能。如果是，请您告诉我如何？如果不是这样，那么我也确实没有发现为了控制而使用Angular动画而不是CSS动画有什么好处。 清洁代码 例如，我在这里阅读了一段，指出将动画与“常规”样式分开实际上是将行为和表现形式分开。确实是在样式表中声明动画来混合这些职责吗？我总是看到另一种方式，尤其是看@Component动画中的CSS规则时，让我感觉到在太多地方都有CSS声明。 那么Angular动画怎么样？ 从其他样式中提取动画只是一种便利实用程序，还是它带来了一些有价值的功能？ 使用Angular动画是否仅在特殊情况下才会奏效，还是团队选择沿袭这一惯例？ 我想在这里谈谈使用Angular动画的明显优势。谢谢大家提前！
6
使用D3.js（IE，Safari和Chrome）创建SVG后，如何保存/导出SVG文件？
我目前有一个使用D3的网站，我希望用户可以选择将SVG保存为SVG文件。我正在使用crowbar.js来执行此操作，但它仅适用于chrome。Safari没有任何反应，IE拒绝了click()crowbar.js中用于下载文件的方法的访问。 var e = document.createElement('script'); if (window.location.protocol === 'https:') { e.setAttribute('src', 'https://raw.github.com/NYTimes/svg-crowbar/gh-pages/svg-crowbar.js'); } else { e.setAttribute('src', 'http://nytimes.github.com/svg-crowbar/svg-crowbar.js'); } e.setAttribute('class', 'svg-crowbar'); document.body.appendChild(e); 如何在我的网站上以safari，IE和chrome下载基于SVG元素的SVG文件？
69 javascript  jquery  svg  d3.js 
6
可以在移除类时反转CSS动画吗？
本质上，我想做的就是在元素获得类后为其提供CSS动画，然后在删除类时反转该动画，而在DOM渲染时不播放该动画。 在这里提琴：http : //jsfiddle.net/bmh5g/ 正如您在小提琴中看到的那样，当您将鼠标悬停在“悬停我”按钮上时，它会#item向下翻转。当您将鼠标悬停在悬停按钮上时，#item它消失了。我想#item向上翻转（最好使用相同的动画，但要反向使用）。这可能吗？ HTML： <div id='trigger'>Hover Me</div> <div id='item'></div> CSS： #item { position: relative; height: 100px; width: 100px; background: red; -webkit-transform: perspective(350px) rotateX(-90deg); transform: perspective(350px) rotateX(-90deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } #item.flipped { animation: flipper 0.7s; animation-fill-mode: forwards; -webkit-animation: flipper 0.7s; -webkit-animation-fill-mode: forwards; } @keyframes flipper …
69 javascript  jquery  html  css 
3
“ .toMatchObject”和“ objectContaining”之间有什么区别
我已经编写了以下测试： it('Can decrement the current step', function () { expect(reducer(TestState, { type: 'GOTO_PREVIOUS_STEP' })).toMatchObject({ currentStep: 4 }); }); it('Can decrement the current step v2', function () { expect(reducer(TestState, { type: 'GOTO_PREVIOUS_STEP' })).toEqual(expect.objectContaining({ currentStep: 4 })); }); 他们两个似乎都通过了测试，两者之间有什么区别吗？它们之间对性能有影响吗？
4
用ng-click自动传递$ event？
我知道，ng-click如果$event像这样传递对象，就可以访问click事件： <button ng-click="myFunction($event)">Give me the $event</button> <script> function myFunction (event) { typeof event !== "undefined" // true } </script> $event每次必须显式地通过都会有点烦人。是否可以设置ng-click为默认将其传递给函数？
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.