草庐IT

gulp-file-include

全部标签

javascript - 访问 File 对象的某些列出的属性时返回 "undefined"

我似乎无法访问我的对象的宽度或高度键。我正在使用dropzone.js,它有一个addedFile事件,它返回文件和第一个参数。所以:varmyDropzone=newDropzone('#dropzone',{url:'/'});myDropzone.on('addedFile',function(file){console.log(file);});回调工作正常,在我的控制台中我看到:如您所见,显然可以使用高度和宽度键。myDropzone.on('addedFile',function(file){console.log(file.name);//returnsthewholes

javascript - 浏览器同步(在 gulp 下)不刷新浏览器

我的配置做了它应该做的一切,但它从不刷新浏览器。一旦我手动刷新它,就会有变化。我正在连接到默认的localhost:3000。任何想法为什么会这样或如何调试它?gulpfile.js:vargulp=require('gulp');varsass=require('gulp-sass');varsourcemaps=require('gulp-sourcemaps');varbrowserSync=require('browser-sync');gulp.task('html',function(){browserSync.reload();});gulp.task('sass',fu

javascript - 玩!框架 : Best practice to use URLs in separate JavaScript files?

我目前正在重组Play!有很多JS的项目HTML模板文件中的代码。此代码应移至外部JS文件以获得更好的可读性和更快的页面加载时间。然而,当我在公共(public)文件夹中创建一个JS文件时,所有@{Controller.method}链接替换不再有效。我曾是考虑从HTML调用一些初始化函数仅提供所需URL的模板,例如initialize({"Application.doThis":"@{Application.doThis}"})然而,这对于任何URL都变得非常麻烦且容易出错即已添加。另一件事是,I18N也不再有效。所以对于这样的场景,您有自己的最佳实践是什么单独文件中的JS代码,但仍

javascript - Gulp.js 以特定顺序阻塞运行任务

使用gulp.js我有三个任务(uglify、buildHTML、rmRevManifest)我想作为父构建任务的一部分运行。我的代码有效,除了它并行运行任务(即不保留顺序)。我怎样才能让任务阻塞并且在上一个完成之前不运行下一个?即现在执行顺序返回为:[11:50:17]gulp-notify:[Gulpnotification]Deleted'rev-manifest.json'.[11:50:17]gulp-notify:[Gulpnotification]Created'build/index.html'.[11:50:17]gulp-notify:[Gulpnotificati

javascript - 如果满足条件,停止 Gulp 任务

我正在努力做到这一点,如果未指定--theme标志,它会停止gulp任务并想知道以DRY方式完成它的最佳方法。如果未指定--theme,我希望每个单独的任务都停止,如果不满足,我也希望默认任务停止。到目前为止,我已经尝试了一些没有运气的事情。谢谢,gulp.task('test',function(){if(typeof(args.theme)=='undefined'||args.theme===true){console.log(msg.noTheme);return;//endtask}//runrestoftask...});gulp.task('test-2',functio

javascript - Gulp.js,保存文件时观察任务运行两次

鉴于我的gulpfile.js中的以下代码,每次我保存或更改文件时,任务都会运行两次而不是一次,这是为什么?我只希望它运行一次。vargulp=require('gulp');gulp.task('default',function(){gulp.watch('server/**/*.js',function(){console.log('ThisrunstwiceeverytimeIchange/saveajavascriptfilelocatedatserver/**/*.js');});});我对grunt和名为grunt-contrib-watch的插件也有同样的经历。

javascript - 如何通过另一个 DOM 触发 INPUT FILE 事件 REACTJS

我有一个INPUTBUTTON和INPUTFILE,我想点击BUTTON,它会触发INPUTFILEREACTJS中的事件。React.createElement('input',{type:'file',name:'myfile'})然后是按钮React.createElement('a',{onClick:this.doClick},'SelectFile')那么当我们点击AHREF时,如何定义并触发INPUTFILE的点击事件呢?非常感谢您的帮助。:-) 最佳答案 更新:2021年9月18日注意:在NextJS上,我遇到的是o

javascript - gulp-usemin 可以接受多个文件吗?

我有一个关于usemin的问题,我不确定它是否是一个错误。我的应用程序结构很简单:-root|-gulpfile.js|-app||-index.html||-about.html||-contact.html||-js||-a.js||-b.js||-c.js||-d.js||-e.js||-dist我的每个html文件中都有一个useminblock来包含所有脚本,例如:当我运行以下任务时:gulp.task('usemin'.function(){gulp.src('app/*.html').pipe(usemin({assetDir:'app/**/'})).pipe(dest

javascript - 在 Jasmine 中,array.includes 不起作用(必须用其他函数代替)。为什么?

我的问题看起来很奇怪。我有一个带有一个新的、非常简单的函数的构造函数,它应该检查一个变量是否包含在一个数组中。它工作得很好(我在一个表单中使用这个函数)。但是...我无法对此函数编写任何单元测试,因为Karma/Jasmine看不到数组的“包含”函数。有人可以建议我该怎么做吗?这里的情况稍微简化了一点://要测试的构造函数vm.isNameAlreadyUsed=function(){//debutlogging:console.log("vm.allNames",vm.allNames);//output:vm.allNames['A','B','C']console.log("an

javascript - event.dataTransfer.files 与 event.dataTransfer.items

我正在玩drag-and-dropAPI并且有两种从DragEvent.dataTransfer收集文件的方法,有readonlyfiles:FileList和readonlyitems:DataTransferItemList。看来items是files的超集,从items收集File[]更复杂,也items在旧的IE中不受支持,所以files更容易使用并且有更好的支持,但是MDN上的文章首先使用items只有当它不受支持时,才切换到files。我的问题是,如果我只需要从DragEvent收集File[]集合,我可以使用dataTransfer.files属性还是dataTransf