草庐IT

auto-import

全部标签

javascript - eslint-plugin-import 为 webpack 别名错误

我在我的项目中使用了webpack的别名。在我的原始项目中一切正常,但是当我克隆该项目时,我的webpack别名从import/no-unresolved中得到错误:Casingof$js/Controllerdoesnotmatchtheunderlyingfilesystemimport/no-unresolved更有趣的是我的项目运行良好。import/no-unresolved似乎发送了showfalse错误。有关更多详细信息,我添加了几个链接:.eslintrc.js,webpack.config.babel.js,LinktomyRepo如果您还需要什么,请告诉我。

javascript - 有没有办法加快 Element.scrollIntoView 'smooth' 的行为?什么是 'auto' ?

我有几个关于Element.scrollIntoView的实验性scrollIntoViewOptions的问题function.我知道它是实验性的,但我使用的是Chrome65,所以我想我也可以使用它。将behavior设置为auto是什么意思。在我的机器上,auto似乎与instant的表现相同当我将behavior设置为smooth并想要滚动到表格中的某个内容时,它只能非常缓慢地滚动到我想要的元素。有没有人对如何加速这种类型的动画有任何一般性的指示(如果可能的话)?我不一定需要你为我做所有事情,我只是不知道从哪里开始。 最佳答案

javascript - 如何使用 JavaScript 添加 !important 到样式表规则?

我在JavaScript中获得了对CSSStyleRule对象的引用,我想将border-top-color的样式更新为red!important。如果我分配值red,则不会出现任何问题。如果我分配值red!important,该值将被忽略(即未分配)。myStyleSheetRule.style.borderTopColor='red';//successmyStyleSheetRule.style.borderTopColor='red!important';//fail如何设置!important标志?请注意,它必须通过以编程方式访问的样式表规则来完成。在我的用例中,我无法分配样

javascript - 将 JavaScript 与 Webpack 捆绑在一起时,require/import URL 开头的 @ 符号是什么意思?

我正在使用Webpack来捆绑我的JavaScript应用程序。我在一次谈话中看到一位开发人员有类似这样的台词:varfoo=require('@/foo/bar');或import'@/foo/bar';在这种情况下,@符号是什么意思?同事认为这可能是node_modules的捷径,这类问题由于含糊不清,很难得到好的搜索结果。 最佳答案 @字符在Webpack中没有特殊含义,除非您对其进行配置。我想,这是一个privatenpmmodule. 关于javascript-将JavaScr

Javascript Firefox - 如果样式表中存在 @import,则无法查询 cssRules - 错误或预期行为?

如果@import出现在css样式表中,我将无法查询cssRules。是否符合网络标准?或者它知道Firefox的限制?注意:我正在从同一域导入css文件。varstyle_rules=document.styleSheets[0].cssRules;console.log(style_rules);底层对象不支持参数或操作[BreakOnThisError]varstyle_rules=document.styleSheets[0].cssRules; 最佳答案 属性document.styleSheets[0].cssRules

javascript - 带有 Webpack 的 VueJS : imports and exports not working as expected

我启动了一个新的Vuetify/Webpack项目,并尝试通过vueinitvuetify/webpack设置项目后实现vue-router。我根据thistutorial中的说明设置路由器.经过一些摆弄后,我通过更改导入Vue组件的方式使其正常工作。在我的router/index.js文件中://worksformeimportMainfrom'../components/Main.vue'//doesNOTwork;fromthetutorialimportMainfrom'@/components/Main'我的问题是,为什么我必须相对导入我的Main.vue文件并在导入时包含.

javascript - 为什么将 'margin: 0 auto' 添加到 slider 菜单会破坏它?

我正在创建一个slider菜单并且一切正常,直到我尝试使用margin:0auto;将其居中我强烈认为问题出在相对定位和我正在使用的jQuery.animate函数上。所以我正在寻找另一种方法来实现相同的结果!这是一个解决问题的fiddlehttp://jsfiddle.net/jwsh7/(无法包含图像,所以我在所有内容上都加上了边框,问题出在绿色边框的div上)删除margin:0auto;以查看它是否按我希望的方式工作。body{margin:0;padding:0;}#content{width:625px;border:1pxsolidred;}#contentdiv.sli

javascript - 通过 ES6 import 导入远程文件

我有一个正在通过browserify编译和捆绑的ES6React应用。我有几个导入语句,例如:importReactfrom'react/addons'我还需要使用一个外部库来创建一个托管在CDN上的HTML小部件。我试过在包源之前或之后包含文件:当我尝试在控制台中引用CDN提供的对象时,它工作正常:Auth0Lock在React应用程序中引用它会引发语法错误。我假设我需要导入它...但是如何呢? 最佳答案 你可以通过npm安装auth0-lock,并作为本地依赖使用npminstallauth0-lock--save然后像这样将其

javascript - "import * as"是否比特定的命名导入效率低?

这个问题在这里已经有了答案:IsusinganES6importtoloadspecificnamesfasterthanimportinganamespace?(2个答案)关闭4年前。假设我有一个像这样的模块foo:exportconstf=x=>x+1;exportconstg=x=>x*2;我可以像这样使用这个模块:import{f,g}from'foo';console.log(f(g(2)));或者像这样:import*asfoofrom'foo';console.log(foo.f(foo.g(2)));我更喜欢第二种方式,因为它可以防止模块之间的名称冲突。但是,impor

javascript - Karma 未运行在 karma-webpack 中具有 "import"语句的测试

我有一些测试文件,其中包含我想针对我的应用运行的测试。我正在尝试使用karma、karma-webpack、karma-babel-preprocessor、karma-chrome-launcher和jasmine在我的测试中。我的应用程序依赖于很多东西,包括backbone、marionette等。我的应用程序是使用webpack构建的,我正在尝试使用>webpack将我的文件捆绑在一起进行测试。(我最初想看看我是否可以跳过这一步,即简单地import一个要测试的文件,但似乎这是不可能的。)我的测试脚本看起来像package.json(脚本部分)"test":"./node_mod