小编Dan*_*lan的帖子

使用Gulp.js和globbing模式修改文件(相同的dest)

我有一个gulp任务,试图将.scss文件转换为.css文件(使用gulp-ruby-sass),然后将生成的.css文件放在它找到原始文件的同一个地方.问题是,因为我使用的是通配模式,所以我不一定知道原始文件的存储位置.

在下面的代码中,我试图使用gulp-tap来点击流并找出当前文件的文件路径,从中读取流:

gulp.task('convertSass', function() {
    var fileLocation = "";
    gulp.src("sass/**/*.scss")
        .pipe(sass())
        .pipe(tap(function(file,t){
            fileLocation = path.dirname(file.path);
            console.log(fileLocation);
        }))
        .pipe(gulp.dest(fileLocation));
});
Run Code Online (Sandbox Code Playgroud)

根据输出console.log(fileLocation),这段代码看起来应该可以正常工作.但是,生成的CSS文件似乎放在一个比我预期的更高的目录中.它应该在哪里project/sass/partials,结果文件路径就是project/partials.

如果有一个更简单的方法,我肯定会更加欣赏这个解决方案.谢谢!

javascript sass node.js gulp

98
推荐指数
3
解决办法
5万
查看次数

断点调试minfied/mangled/compiled变量

致力于将JavaScript源代码构建到我的工作流程中,我一直在寻找有关调试源映射的特定部分的一些文档.在下面的图片中,我正在运行压缩的Javascript代码,但通过源映射的魔力,Chrome调试器能够重建看似未压缩的代码供我调试:

来源地图

但是,如果查看局部变量,someNumber并且someOtherNumber未定义.相反,我们有ar,这是这个函数的编译变量名称.这对于Mozilla Firefox和Chrome都是一样的.

我尝试在源图上查看Chrome DevTools文档,但我没有看到任何关于此的文章.它是源图调试的当前限制,是否有任何解决方法?

更新:

我已经在铬项目问题中找到了这个主题.它看起来不像已经或正在实施.随着团队开始在他们的构建系统中实现Babel来编写ES2015代码,这正成为一个越来越重要的问题.有没有团队找到解决方法?

javascript google-chrome chromium source-maps babeljs

48
推荐指数
1
解决办法
2509
查看次数

在keypress上,JQuery UI点击事件触发两次

HTML

<button id="clickMe" tabindex=0>Click Me!</button>
Run Code Online (Sandbox Code Playgroud)

JS

$('#clickMe').button();
$('#clickMe').click(function() {
    alert('hey');
});

$(document).keypress(function (e) {
    var key = e.keyCode ? e.keyCode : e.which;
    //detect when the user has hit enter
    if (key == 13) {
        //click the focused element
        $(document.activeElement).click();
    }
});
Run Code Online (Sandbox Code Playgroud)

当你点击tab按钮和enter按键事件时,为什么这会发出两次警报,但只有当你用鼠标点击按钮时才会触发一次?

示范

编辑: tab+ enter在IE 10中根本不起作用

javascript jquery jquery-ui

1
推荐指数
1
解决办法
2549
查看次数

动态生成的目标元素(Jquery)

我目前有类似的东西(http://jsfiddle.net/my7bM/)在页面上工作,只要它是使用php生成的,但是在另一个页面上有相同的功能发生,只在该页面上的内容是使用Ajax动态生成并且脚本不起作用(JS新手因此最感谢任何帮助)

我试过这个,但它仍然无效

$('.read-more').on("click", function (e) {
    e.preventDefault();
    $(this).closest('.member-content').next('.contentDiv').find('.myContent').show();
    $(this).hide();
    return false;
    );

$('.close-more').on("click", function (e) {
    e.preventDefault();
    $(this).closest('.contentDiv').prev('.member-content').find('.read-more').show();
    $(this).closest('.myContent').hide();
    return false;
});
Run Code Online (Sandbox Code Playgroud)

任何帮助都会很棒,谢谢!

javascript ajax jquery dynamic

0
推荐指数
1
解决办法
1115
查看次数