草庐IT

ES导入导出

全部标签

javascript - 使用 ES6 和 CSS3 淡入淡出

所以我有一个函数,我试图通过数组创建循环以使用JavaScript更新div的innerHTML。我希望在每次设置新数据之间将不透明度设置为0,然后设置为1,而不使用jQuery的fadeIn()和fadeOut()。这是我目前所拥有的。我认为我非常接近,但不确定我在做什么,这有点偏离。谢谢!slide(index,tweets,element){letself=this;element.innerHTML=data[index].text;element.style.opacity=1;setTimeout(()=>{index++;element.style.opacity=0;s

javascript - 使用 ES6 模块的 TypeScript 的最佳方法是什么?

我正在开始一个新的Web项目并尝试使用TypeScript,主要作为ES6转译器,但也有类型检查的额外好处,特别是对于现有的库,例如jQuery结合了DefinitelyTyped类型定义。从最新版本开始,TypeScript既支持自己的内部模块,也支持ES6模块,后者称为“外部”模块。因为ES6比TypeScript更标准,所以我打算使用ES6/外部模块而不是传统/内部TypeScript模块。我在多个文件/模块中定义了自己的代码,但我希望构建生成一个我可以从浏览器加载的.js文件。问题是,据我所知,TypeScript在使用自己的模块格式时只能生成单个输出文件。如果我尝试使用ES6

javascript - 通过 Webpack 全局导入 Javascript 库

我正在尝试从我的html中删除javascript库的脚本标签,因此从模板页面中删除了underscore.js。为了替换它,在我的index.js(webpack入口点)中,我有以下内容import'underscore';当我这样做时,webpack输出的bundle.js文件的大小增加了50k,所以我知道库在bundle.js中。但是,当我尝试在包含bundle.js的页面的控制台中使用它时,下划线不可用。如有任何想法,我们将不胜感激。constwebpack=require('webpack');constpath=require('path');constprecss=req

javascript - ES6 Promise 替换 async.eachLimit/async.mapLimit

在async,如果我需要将异步函数应用于1000个项目,我可以这样做:async.mapLimit(items,10,(item,callback)=>{foo(item,callback);});以便同时处理10个项目,限制开销并允许控制。使用ES6promise,虽然我可以轻松做到:Promise.all(items.map((item)=>{returnbar(item);}));这将同时处理所有1000个项目,这可能会导致很多问题。我知道Bluebirdhavewaystohandlethat,但我正在寻找ES6解决方案。 最佳答案

JavaScript ES6 : use case for destructuring rest parameter

我刚刚在MDN中看到一个关于解构其余参数的代码片段,如下所示:functionf(...[a,b,c]){returna+b+c;}f(1)//NaN(bandcareundefined)f(1,2,3)//6f(1,2,3,4)//6(thefourthparameterisnotdestructured)代码片段在此页面中:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/rest_parameters尽管剩余参数的常见用例对我来说非常清楚(functionfoo(...param

javascript - Vue-动态导入vue组件

我有很多组件,我想按需导入。我有一个下拉列表,其中实际包含组件列表,即要加载的内容。我试过这个例子在脚本中componentLoader(){return()=>import('@/components/testDynamic')}testDynamic是一个组件名称(现在我正在尝试使用静态组件)。出现这个错误GEThttp://localhost:8080/0.jsnet::ERR_ABORTED404[Vuewarn]:Failedtoresolveasynccomponent:function(){return__webpack_require__.e/*import()*/(0

javascript - 为什么 ES5 Object 方法没有添加到 Object.prototype 中?

ES5添加了一个number的methods到Object,这似乎打破了JavaScript的语义一致性。例如,在此扩展之前,JavaScriptAPI始终围绕操作对象本身;vararrayLength=[].length;varfirstPosInString="foo".indexOf("o");...新的Object方法是这样的;varobj={};Object.defineProperty(obj,{value:'a',writable:false});...当以下内容更加符合时:varobj={};obj.defineProperty({value:'a',writable:

javascript - 如何在 JavaScript es6 中代理 Promise

我正在尝试在nativeFirefox中代理Promise(并使用Babel)。varprom=newPromise(function(resolve,reject){resolve(42)});varpromProxy=newProxy(prom,{});promProxy.then(function(response){console.log(response)});这不起作用,我收到“TypeError:‘then’调用了一个未实现接口(interface)Promise的对象。” 最佳答案 你需要有你的处理程序impleme

javascript - ES6 解构,动态赋值

这个问题在这里已经有了答案:Objectdestructuringwithoutvar,letorconst(4个答案)关闭7年前。lettext,value;if(typeoff=='string'){text=value=f;}else{let{text,value}=f;}这样做会创建两个新变量(来自else),但是如果我这样写:lettext,value;if(typeoff=='string'){text=value=f;}else{{text,value}=f;}我收到语法错误。这里最好的方法是什么?

javascript - es6 promise swallow 类型错误

我希望浏览器在发生类型错误时显示错误消息。错误如无法读取未定义的属性或undefinedreference。newPromise(function(resolve,reject){//dostuff...reject('somethinglogicaliswrong');}).catch(e=>console.error(e));newPromise(function(resolve,reject){//dostuff,andasyntaxerror:/vara={};a.something.otherthing=1;/*wehaveanerrorhere*///...}).catch