草庐IT

dynamic-import

全部标签

javascript - vueJS + webpack : importing fonts, CSS 和 node_modules

我开始使用Vue.js和Webpack,我对如何正确导入和引用我的字体、CSS和node_modules有一些疑问。我使用vue-cli启动了我的应用程序,结果结构如下:buildconfignode_modulessrc--assets--components--routerstatic这是我的webpack.base.conf文件:varpath=require('path')varutils=require('./utils')varconfig=require('../config')varvueLoaderConfig=require('./vue-loader.conf')

javascript - JQuery 用户界面 : multiple progress bar - problems to set dynamic values

我有一些进度条(搜索结果),其值是在document.ready上动态设置的和$(document).ready(function(){$("div.progressbar").progressbar({value:$(this).attr("rel")});});这似乎行不通。相反,如果我做value:40,一切正常,所以问题不在于包含或使用。我也试过$.each,但是什么都没有$("div.progressbar").each(function(){varelement=this;console.log($(element).attr("rel"));//okrightvalue$

javascript - browserify 入门 : import local files?

我一直在制作一个JavaScript应用程序的原型(prototype),现在我想使用browserify进行更强大的设置,并使用require管理依赖项。目前我的应用程序中有以下文件:chart.jsform.jshighcharts-options.jsvendor/highcharts.jsjquery.jshighcharts-options.js基本上是一个常量列表,而chart.js看起来像这样......varmyChart={setup:function(data){...this.render(data);},render:function(data){...}},和

javascript - import 不能在 chrome 61 中使用?

我想在最新发布的chrome版本chrome61中发挥ES6功能,在使用import关键字时遇到了错误。从技术上讲,import用作以下方法,但控制台显示错误:importMymodulefrom"Mymodule.js"控制台打印:UncaughtSyntaxError:Unexpectedidentifier我已经开启了以下实验性功能:chrome://flags/#enable-javascript-harmonychrome://flags/#enable-module-scripts接着是:chrome://flags/#disable-javascript-harmony-

javascript - 传单绘制插件 : How to hide/show drawing tools by Layer Type dynamically

我在项目中使用绘图插件,我想知道如何按图层类型隐藏/显示绘图工具?例如,假设我有2个图层,其中一个类型是多边形,另一个是线。如果用户选择多边形层,我想隐藏画线工具。之后,如果用户选择线层,我想隐藏多边形绘图工具。我看过here但是这个例子使工具成为静态的,我想动态地改变。我该怎么做?我们将不胜感激。 最佳答案 我自己解决了。我在map初始化时添加了这个绘制控件。drawControl=newL.Control.Draw({draw:{position:'topleft',polygon:false,polyline:false,re

javascript - react : dynamically add input fields to form

我正在为表单使用formsy-react,我想在触发事件时呈现更多选项,代码如下所示:classMultipleChoiceextendsComponent{constructor(props){super(props);}render(){return();}}我有一个按钮和onClick事件,我想触发一个将另一个附加到divid“dynamicInput”的函数,这可能吗? 最佳答案 是的,我们可以更新组件的底层数据(即state或props)。React如此出色的原因之一是它允许我们专注于我们的数据而不是DOM。假设我们有一个

javascript - 令人困惑的 es6 import -> export 语句

这是有效的javascript吗?它没有错误,而且似乎有效。export{defaultasChooser}from"./chooser";我的解释是:importdefaultfrom./chooser"export#1的结果asChooser这是正在发生的事情吗? 最佳答案 IsthisvalidJavaScript?是的。Isthiswhatishappening?是的。 关于javascript-令人困惑的es6import->export语句,我们在StackOverflow上

javascript - 垃圾收集未使用的模块

我正在使用动态导入来加载用户在浏览器中编写的脚本。我首先将脚本内容放入一个blob中,然后使用动态import()将脚本作为模块加载。随着时间的推移,我预计这些脚本会发生变化并被销毁,从而使相应的模块被垃圾回收。然而,根据Chrome中的内存分析,这并没有发生。原因似乎与称为ModuleMap的东西有关。这是我在不再使用所有脚本后拍摄的内存快照的屏幕截图。如您所见,Window对象提供了通往这些模块的保留路径。只要是这种情况,我肯定最终会耗尽内存,因为每次用户编辑脚本时都会创建这些模块。我想知道是否有办法让Chrome(和其他浏览器)在不再使用这些模块时卸载它们。

javascript - 为什么 import 关键字有用?

在typescript中,我可以像这样导入另一个模块\命名空间:namespaceShapes2{importshapes=Shapes;varbar=newshapes.Bar();}但是,我可以轻松地直接引用命名空间。namespaceShapes3{varshapes=Shapes;varbar=newshapes.Bar();}import有什么用吗?我什么时候想输入import而不是var? 最佳答案 在那种特定情况下,不,它没有做任何有用的事情。Thatsyntaxisforcreatingaliases对于命名空间。您

javascript - 在 TypeScript 中使用 import/require 获取接口(interface)声明

如果我使用///引用TypeScript声明文件(例如jquery.d.ts)语法,由我来确保通过其他方式加载相应的库,即仅引用.d.ts文件不会加载库。有没有办法让TypeScript生成require()在我使用它时调用图书馆?如果我不使用AMD/requirejs,我可以调用require手动,但我想让它与AMD一起工作。这样做的好处是我的依赖项不会在两个地方定义。从.ts文件引用库就足以确保它加载,而不必在我的HTML中手动维护依赖项列表。更新:我打开了一个newquestion这澄清了我的确切情况。由于我没有提供所有必要的详细信息,因此我想对我最初的问题的答案表示赞赏。