Questions tagged «javascript»

在运行Karma测试Angular4应用程序时，Found the synthetic property @enterAnimation. Please include either "BrowserAnimationsModule" or "NoopAnimationsModule" in your application.尽管我已经将模块导入了app.module.ts，但仍收到此错误 。 // animation module import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; ... @NgModule({ imports: [... BrowserAnimationsModule, ... ], 在我的组件中： import { Component, OnInit } from '@angular/core'; import { trigger, state, style, animate, transition } from '@angular/animations'; @Component({ …

76 javascript  angular  typescript  testing  karma-jasmine 

我正在研究ng2实现。我正在使用以下函数调用将对象转换为数组： var authors = Object.entries(responseObject.Authors); 这是一个标准的js函数。但是，ts编译器返回以下错误： "Property 'entries' does not exist on type 'ObjectConstructor'" 根据一个快速的谷歌，似乎解决方案可能是将CompilerOptions target属性从es5更改为es6。但是，在对以前的问题进行了一些先前的研究之后，我认为我可以通过在下面的tsconfig.json中包含其他“ lib”属性来利用es6功能： "compilerOptions": { "emitDecoratorMetadata": true, "experimentalDecorators": true, "module": "commonjs", "noEmitOnError": true, "noImplicitAny": false, "outDir": "../Scripts/", "removeComments": false, "sourceMap": true, "target": "es5", "moduleResolution": "node", "lib": [ "es2015", "dom" ] } 我也尝试将target属性更改为es2015，然后重建项目并执行“ typescriptUsingTsConfig”，但仍然遇到相同的错误。知道我可以在这里做什么以利用Object.entries（）函数吗？

76 javascript  angular  typescript  ecmascript-6  es2017 

这将获得在我的下拉菜单中选择的任何值。 document.getElementById('newSkill').value 但是，我无法找到下拉菜单当前显示的文本的属性。我尝试了“文本”，然后看了看W3Schools，但是那没有答案，这里有人知道吗？ 对于那些不确定的人，这里是下拉框的HTML。 <select name="newSkill" id="newSkill"> <option value="1">A skill</option> <option value="2">Another skill</option> <option value="3">Yet another skill</option> </select>

76 javascript  dom  browser  client-side 

我正在查看twitter的javascript文件，并在模板哈希中看到了这一点： Browse Interests{{/i}}\u003C/a\u003E\n \u003C/li\u003E\n {{#logged_in}}\n 这些代码代表什么？

76 javascript 

理想情况下，我希望整个界面具有自定义样式，该样式可以在ios（itouch / ipad）或具有虚拟键盘的android上看到。请参阅下面的更多细节。 当键盘“存在”时，自定义的CSS hacking规则处于活动状态也是一种可接受的解决方案。 在网站（HTML / JavaScript / CSS）上同时定位android和ios。还请注意，内部布局为：“ fluid”。 编辑：这是更多的设计，然后是文字；因此，变化不会使人迷惑。在最低级别，我只希望有和没有虚拟键的设计更改（也许只是背景更改）。 这是一个好坏设计思想的问题尚待商bat。但是，我觉得这个问题无关紧要。对于此类攻击，可以使用更多的文字（例如游戏或交互式媒体）。 因此赏金：尽管不再需要我正在从事的项目的答案（使用了替代设计）。我仍然相信这个问题可以从回答中受益。 默认行为 +--------+ | | +------------+ +-+-hidden-+-+ <- ~50% hidden | +--------+ | | +--------+ | | | | | | |visible | | | | | | \ | | | | <- ~50% visible | …

76 javascript  android  css  ios  mobile 

我目前正在学习React，并且试图弄清楚如何与Redux一起使用它来构建移动应用程序。我对两者如何关联/一起使用感到困惑。例如，我在React https://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript中完成了本教程，但是现在我想尝试在该应用中添加一些reduces / action，我不确定这些内容将与我已经完成的工作联系在一起。

76 javascript  mobile  reactjs  redux  reducers 

JavaScript 1.8.5（ECMAScript 5）添加了一些有趣的方法，这些方法可以防止以后以某种程度的彻底性修改传递的对象： Object.preventExtensions(obj) Object.seal(obj) Object.freeze(obj) 大概这些要点是捕捉错误：如果您知道不想在某个点之后修改对象，则可以将其锁定，以便在以后无意间修改它时会引发错误。（"use strict";证明您已经做到了。） 我的问题：在使用V8之类的现代JS引擎中，使用上述方法锁定对象是否有任何性能优势（例如，更快的属性查找，减少的内存占用）？ （另请参阅John Resig的一个很好的解释-但是没有提到性能。）

76 javascript  ecmascript-5  javascript-1.8 

我正在阅读ribs.js文档，并看到了许多将属性分配给window对象的代码： window.something = "whatever"; 调用此代码与仅分配变量并创建全局变量之间有什么区别，如下所示： something = "whatever"; 我假设存在某种范围上的差异，和/或对象所有权上的差异（窗口是所有者而不是所有者），但是我对两者之间的详细信息以及为什么我要使用窗口而不是窗口不感兴趣。

76 javascript  attributes  scope 

因此，基本上，我想在用户向下滚动并添加另一个类以更改外观后从“标题”中删除该类。 试图找出最简单的方法，但我无法使其正常工作。 $(window).scroll(function() { var scroll = $(window).scrollTop(); if (scroll <= 500) { $(".clearheader").removeClass("clearHeader").addClass("darkHeader"); } } 的CSS .clearHeader{ height: 200px; background-color: rgba(107,107,107,0.66); position: fixed; top:200; width: 100%; } .darkHeader { height: 100px; } .wrapper { height:2000px; } 的HTML <header class="clearHeader"> </header> <div class="wrapper"> </div> 我确定我在做一些非常基本的错误。

76 javascript  jquery  css 

是否可以限制setInterval在javascript中触发的时间？

76 javascript 

我正在尝试使用Javascript获取文件的当前目录，因此可以使用该目录为网站的每个部分触发不同的jquery函数。 if (current_directory) = "example" { var activeicon = ".icon_one span"; }; elseif (current_directory) = "example2" { var activeicon = ".icon_two span"; }; else { var activeicon = ".icon_default span"; }; $(activeicon).show(); ... 有任何想法吗？

76 javascript  jquery 

<div class="fuu"> ... </div> <div class="fuu no"> ... </div> ... fuu除了具有.no班级的课程外，如何选择所有课程？

76 javascript  jquery  css  jquery-selectors 

我正在尝试找出对javascript对象的属性名称有效的内容。例如 var b = {} b['-^colour'] = "blue"; // Works fine in Firefox, Chrome, Safari b['colour'] = "green"; // Ditto alert(b['-^colour']); // Ditto alert(b.colour); // Ditto for(prop in b) alert(prop); // Ditto //alert(b.-^colour); // Fails (expected) 这篇文章详细介绍了有效的javascript变量名称，“-^ colour”显然无效（作为变量名称）。对象属性名称是否也一样？综上所述，我正在尝试确定 b ['-^ colour']无效，但在所有浏览器中都存在古怪的现象，我不应该相信它会继续向前发展 b ['-^ colour']是完全有效的，但是它的形式只能以这种方式访问​​-（受支持，所以对象也许可以用作地图？） 还有别的 顺便说一句，在javascript中的全局变量可能在顶层声明为 var abc = 0; …

76 javascript 

我有以下组件会no-shadow在上触发ESlint错误FilterButton props。 import { setFilter } from '../actions/filter'; function FilterButton({ setFilter }) { return ( <button onClick={setFilter}>Click</button> ); } export default connect(null, { setFilter })(FilterButton); 如何在保持简洁语法mapDispatchToProps和ESlint规则的同时避免警告？ 我知道我可以添加注释以禁止显示警告，但是对每个组件执行此操作似乎都是多余且乏味的。

76 javascript  reactjs  redux  eslint  react-redux 

我正在寻找一种以编程方式实时更改navigator.userAgent的方法。在尝试获得自动化javascript单元测试器的失败尝试中，我放弃了尝试尝试使用fireunit。立即，我陷入了使用实际浏览器进行JavaScript测试的一堵墙。 具体来说，我需要更改navigator.userAgent以模拟数百个userAgent字符串，以确保对给定函数进行正确的检测和覆盖。navigator.userAgent是只读的，所以我似乎卡住了！如何模拟navigator.userAgent？用户代理切换器（插件）可以切换FF的用户代理，但是我可以在JavaScript中进行切换吗？

76 javascript  unit-testing  user-agent