草庐IT

preset_size

全部标签

javascript - babel-plugin-* 和 babel-preset-* 有什么区别

我同时使用插件和预设以及我当前的React应用程序,但从技术上讲我无法让别人理解预设和插件之间的区别。对我来说,两者都是babelloader用来编译代码的javascript文件。 最佳答案 简而言之,一个babelpreset包含多个babel插件。例如,如果只使用箭头函数,则只需要transform-es2015-arrow-functions插件即可。如果你使用了很多ES2015特性,你最好使用babel-preset-es2015,它包含很多插件,包括transform-es2015-arrow-functions。

javascript - `Background size: cover` 填充边框

有什么方法可以实现background-size:cover的效果,同时也填充边框后面的区域。为了更好地说明这一点,请看下图:左图使用background-size:cover并整齐地填满整个框本身不管图像是否肖像或风景,但隐藏在半透明的顶部和底部边框后面。第二张图片是使用background-size:auto260px规则创建的,它给出了我想要的效果,但只起作用,因为我知道在这种情况下背景是风景(并且盒子本身是200px和边框30px)。用于渲染上述两个框的JSFiddle可以是found这里。我很难相信这对于纯css是不可能的,但即使是基于javascript的解决方案也是如此(

javascript - Firefox 在 for 循环中抛出 js 错误 "allocation size overflow"

下面是我的代码相同的代码可以在本地服务器上运行,但不能在实时运行。htmlC="";htmlC+='';for(i=1;i"+i+"";}else{htmlC+=""+i+"";}}htmlC+='';我试过寻找无限循环但没有成功。非常相同的代码在本地服务器上运行。 最佳答案 以这种方式使用字符串连接通常不是一个好主意,尤其是当您不知道要执行的迭代次数时。每次连接字符串时,都会重新分配适合新字符串所需的内存,并且需要对旧字符串进行垃圾回收(出于性能原因,这甚至可能不会在循环期间完成)varhtmlBuffer=[];htmlBuff

javascript - Chrome 开发工具 : save custom geolocation in Dev Tools Presets

我在Chrome上使用开发者工具来测试我的javascript应用程序。但是,您是否知道在Chrome开发工具(Mac上为ALT+MAJ+I)>控制台>更多(...)>传感器>地理定位中更改和保存地理位置预设?感谢您的帮助。 最佳答案 唉,截至2017年6月,此功能尚未实现。但是有一个针对这个确切功能的功能请求=>https://bugs.chromium.org/p/chromium/issues/detail?id=649657获得所需内容的最佳方法是:使用Google帐户登录。访问featurerequestlink.点击问题

javascript - Ionic 2 构建开发失败 : Maximum call stack size exceeded

我无法构建我的ionic2应用程序。更改文件后服务有效。在ionic服务上,我收到以下错误消息:[07:36:10]ionic-app-scripts1.0.0[07:36:10]watchstarted...[07:36:10]builddevstarted...[07:36:10]cleanstarted...[07:36:10]cleanfinishedin1ms[07:36:10]copystarted...[07:36:10]transpilestarted...[07:36:15]builddevfailed:Maximumcallstacksizeexceeded[07:

javascript - 巴别塔错误 : "Couldn' t find preset 'latest' relative to directory"when preset was installed globally

这个问题在这里已经有了答案:Error:Couldn'tfindpreset"react"wheninstalledusingnpminstall--globalbabel-preset-reactbutworkswithoutglobalflag(2个答案)关闭6年前。我是这样全局安装Babel的:npminstall-gbabel-clinpminstall-gbabel-preset-latest我知道不建议在全局范围内这样做,但我更喜欢这种方式来保持我的目录干净(没有node_modules/也没有package.json)然后我有一个用ES6编写的mainES6.js文件,我

JavaScript - babel-preset-env 不为 IE11 转换箭头函数

我很难尝试配置Babel来转换IE11可以理解的代码,特别是箭头函数。使用我的配置运行npxwebpack--mode=development不会转换我代码中的箭头函数:在生成代码的eval()语句中,我可以看到所有实例都未转换。不同于thisquestion中引用的控制台输出,我没有提到“使用目标”或“使用预设”。我不知道这是否与使用npxwebpack而不是npmrunbuild有关。这是我的package.json的Babel部分:{//name,versionetc.snipped"devDependencies":{"@babel/core":"^7.1.2","@babel

javascript - 三个JS : Text Sprite's font size difference between WebGL renderer and Canvas renderer

我正在使用三个JS来开发3d图形。我想将图表的单位显示为THREE.SPRITE。为了创建SPRITE,我首先创建了一个Canvas元素并向其中添加了文本。然后我用之前创建的Canvas元素创建了THREE.Texture。使用纹理作为贴图创建THREE.SpriteMaterial,然后使用此SpriteMaterial创建THREE.SPRITE。将此SpriteMaterial添加到场景中。当渲染器是THREE.WebGLRenderer的实例时,文本的大小非常小,而当渲染器是THREE.CanvasRenderer的实例时,文本的大小非常大.以下是我用来创建Sprite的代码。

JavaScript 装饰器模式。错误 : Maximum call stack size exceeded

这是装饰器模式的一个工作示例:classDummy{run(){console.log('run');}}functionget(){letinstance=newDummy();instance.run=((func)=>{returnfunction(){func();console.log('decoratorrun');}})(instance.run);returninstance;}letobj=get();obj.run();但是,如果我们将get函数更改为:functionget(){letinstance=newDummy();instance.run=functio

javascript - 当我在 css 中使用 margin auto 属性时,如何使用 javascript 获取 margin left size

我有div与margin:auto;我只需要得到margin-left使用javascript的大小值:)//css.test{margin:auto;width:100px;height:100px;outline:1pxsolidred;}//htmlTestLiveexample 最佳答案 使用这个:1)使用jQueryvarleft=$(".test").offset().left;2)或者,第二个版本是:将您的div替换为,并使用这个js。varleft=document.getElementById("test").of