草庐IT

auto-import

全部标签

javascript - ES6 : "import * as alias" vs "import alias"

有什么区别:从'utils'导入utils和从“utils”导入*作为utils?情况A://utils.jsexportfunctiondoSomething(){//...}情况B://utils.jsexportfunctiondoSomething(){//...}exportdefaultfunctiondoSomethingDefault(){//...}更新:我被vscode的intellisense功能误导了,但正如推荐的那样,在node+babel上进行的小测试显示了差异://index.jsimportutilsCaseAfrom'./utils1'import*a

javascript - Highlight.js 与 Blogger : can't disable auto line wrap

我正在尝试整合Highlight.js与博主。到目前为止,语法突出显示效果很好,但我似乎无法找到一种方法来防止中的代码行自动换行的元素。我需要的是让浏览器显示水平滚动条。我在博客模板中添加了以下内容,在的末尾,如网站中所述:hljs.initHighlightingOnLoad();我所有的使用实例是://codehere;'class'changedaccordingtolanguage.我尝试编辑Highlight.jsCSS文件但没有成功。我也试过设置pre和code款式overflow-x属性(property)scroll没有任何变化。我的猜测是Blogger会全局覆盖该属性

javascript - ionic 2 + Angular 2 : auto scroll to bottom of list/page/chat

我正在尝试编写包含“聊天”和“内容”两个部分的页面。我希望那个“聊天”将页面自动滚动到底部而没有任何效果。聊天是有几个.item1item2....item20item21我使用的是Javascript,而不是typescript,而且我不想不使用jQuery。谢谢:)另外,当我转到“内容”部分并返回“聊天”时,我想再次自动滚动聊天。 最佳答案 这是我的做法:chatPage.htmlchatPage.html中重要的一点是#content在.我将使用#content标识符以获取对的引用在我的chatPage.js中使用ViewCh

javascript - 你能检测到 dom 节点的样式何时设置为 'auto' 吗?

以CSS为例:.thing{height:auto}和HTML:Thequickbrownfoxjumpsoveralazydog.是否可以检测到.thing的高度设置为“auto”?以下方法返回值:jQuery('.thing').height()//njQuery('.thing').css('height')//'npx'getComputedStyle(node).height//'npx'是否有任何方法可以告诉我浏览器正在从“自动”计算这些值? 最佳答案 是的,有一种方法,但这不是一种有趣的方法。你要做的是:遍历所有样式标

javascript - 使用 ES6 import 语句时,有没有办法防止未定义的项目?

import{foobar1,foobar2,foobor3,//typo!thiskeydoesn'texistinthemodule.}from'./module_file.js'console.log(foobar1,foobar2,foobar3)//EXPLODES我在使用新的ES6样式导入语句时犯的最常见的愚蠢错误之一是我在对象解构中的一个键中有错字。我想不出有哪个实例是我希望解构赋值中的值是undefined的。如果我尝试导入的其中一项未定义,是否有任何方法可以强制导入语句快速失败?即:import{doesntExistInModule//EXPLODENOW!???}

javascript - typescript 。使用 "import from"时是否仍需要三斜杠引用

在旧版本的Typescript中,需要添加著名的///标签添加所需的引用。现在在1.6版本之后我们可以使用推荐的ES6方式导入依赖importGreeterfrom"./greeter";我已经阅读了一段时间,但我仍然不清楚是否以及为什么必须完全避免三斜线引用。顺便说一句。如果我们在tsconfig.json中使用filesGlob而不是files,现在编译器会知道编译TS文件的顺序吗? 最佳答案 首先,我认为filesGlob还没有得到官方支持:https://github.com/Microsoft/TypeScript/iss

javascript - !important 并显示 :none and . height() 怪异

我昨天在处理一段JS代码时发现了一些奇怪的东西。我有一个隐藏的div(display:none),我在JS的一些计算中使用了它的高度。这一切工作正常,直到我添加了我的“隐藏”类(它有display:none!important)。突然高度总是0。除了显示屏上的!important外,没有其他变化。经过一些挖掘后,我将问题缩小到我觉得很奇怪的地方:#b{display:none;}/*reportedheightis36*/#c{display:none!important;}/*reportedheightis0*/我创建了一个非常基本的JSFiddle隔离这个。它还使用vanilla

javascript - 什么时候使用 "import * as Foo"与 "import Foo"?

这个问题在这里已经有了答案:DifferencebetweenimportXandimport*asXinnode.js(ES6/Babel)?(3个答案)关闭7年前。我正在将BackboneJS(v1.2.2)项目转换为带有BabelJS的ES6。我注意到两者之间存在差异:importBackbonefrom'backbone'和import*asBackbonefrom'backbone'看完here我知道前者正在导入Backbone的默认导出,而后者允许我“导入整个模块并通过属性符号引用其命名导出。”我很难理解它们之间的区别。两个实例都返回对象,但前者似乎用额外的属性/方法装饰。

javascript - 为什么这个 !important CSS 值会被覆盖?

HTML:ThisisatestJavaScript:varelem=document.getElementById('test');elem.style.setProperty('color','green','important');elem.style.color='red';现场演示:http://jsfiddle.net/4fn6h/3/文本在Chrome、Safari和IE9中为绿色,但在Firefox和Opera中为红色。(还有,在IE7、IE8中,文字是黑色的,因为代码报错了,我们忽略吧……)那么,哪些浏览器遵循这里的标准?是否可以覆盖setProperty(...,'

javascript - !important inline styles in react

有没有办法使用!important覆盖添加内联样式?style={height:20+'!important'};这并没有像我希望的那样工作。 最佳答案 显然React不支持这个。但是我在做研究时得到了这个hack{if(node){node.style.setProperty("float","right","important");}}}>祝你好运:) 关于javascript-!importantinlinestylesinreact,我们在StackOverflow上找到一个类似