小编Cla*_*diu的帖子

使用grunt-contrib-stylus编译时,手写笔出现"EOS"错误

编译时我不断收到这个奇怪的错误信息.很难调试.(顺便说一句:示例中的不透明度是混合)

但我坚持下去

> 59| .red { opacity 0.4 }

expected "indent", got "eos"
Run Code Online (Sandbox Code Playgroud)

我试过了

.red { opacity(0.4) }
.red { opacity(0.4); }
Run Code Online (Sandbox Code Playgroud)

没别的了.

compiler-errors compilation stylus eoserror

10
推荐指数
3
解决办法
1万
查看次数

ES6解构一个对象数组

我有这个对象

const config = {
    js: {
        files: [
            {
                src: './js/app.js',
                name: 'script.js',
                dest: 'public_html/js/'
            },
            {
                src: './js/admin.js',
                name: 'script.js',
                dest: 'public_html/js/'
            }
        ]
    }
};
Run Code Online (Sandbox Code Playgroud)

我希望得到这个(获得所有来源):

sources = ['./js/app.js', './js/admin.js']

// or, at least
sources = [{'./js/app.js'}]
Run Code Online (Sandbox Code Playgroud)

我知道如何用循环来做,但我可以用ES6解构吗?

就像是:

{sources = [{src}]} = config.js;
Run Code Online (Sandbox Code Playgroud)

要么

{[{src}] : sources} = config.js;
Run Code Online (Sandbox Code Playgroud)

javascript arrays object ecmascript-6

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

用javascript模拟F11

我如何模拟F11(全屏不是最大化浏览器窗口)与flash一样:http://www.broculos.net/files/articles/FullscreenFlash/flashFullscreen.html ?

在flash中: fscommand("fullscreen", true )

permadi.com/tutorial/flash9FullScreen/index.html
Run Code Online (Sandbox Code Playgroud)

谢谢

更新

我找到了这个:

var docElm = document.documentElement;

if (docElm.requestFullscreen) {
    docElm.requestFullscreen();
} else if (docElm.mozRequestFullScreen) {
    docElm.mozRequestFullScreen();
} else if (docElm.webkitRequestFullScreen) {
    docElm.webkitRequestFullScreen();
}

/* Exiting the full screen => showing the FULL SCREEN button */
if (docElm.requestFullscreen) {
    document.addEventListener("fullscreenchange", function () {
        if(!document.fullscreen) {
            // Do something
        }
    }, false);
} else  if (docElm.mozRequestFullScreen) {
    document.addEventListener("mozfullscreenchange", function () {
        if(!document.mozFullScreen) {
            // Do something
        }
    }, false);
} …
Run Code Online (Sandbox Code Playgroud)

javascript flash fullscreen

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

使用 Jest 测试 Nuxt + Vuex + Vuetify 的设置

我花了一天时间解决有关 Nuxt + Vuex + Vuetify with Jest 测试设置的未记录问题。

我有这样的问题:

  • Unknown custom element: <nuxt-link> - When running jest unit tests

  • Cannot read property 'register' of undefined

  • [Vuetify] Multiple instances of Vue detected

javascript vue.js jestjs nuxt.js vuetify.js

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

itemView触发到达parrent的自定义事件

我有这个代码 http://jsfiddle.net/QRcF5/2/

$(function() {
    var Header = Backbone.Marionette.ItemView.extend({
        template: _.template('<h4>TEST</h4><button>EDIT</button>'),

        tagName: 'nav',

        triggers: {
            'click button': 'btn_clicked'
        }
    }),
    Layout = Backbone.Marionette.Layout.extend({
        template: _.template('<header></header>'),

        regions: {
            header: 'header'
        },

        events: {
            'itemview:btn_clicked': 'clicked'
        },

        clicked: function() {
            alert('Ana are mere');
        }
    });

    layout = new Layout();
    $('body').append(layout.render().el);
    layout.header.show(new Header());
});
Run Code Online (Sandbox Code Playgroud)

我正在使用一个带有一个ItemView的布局(后来我想要一个更复杂的嵌套),并希望在LAYOUT中捕获ITEMVIEW中发生的事件.它似乎没有冒泡或我在这里做错了.


更新1 我尝试了事件,触发器(对于孩子)和事件(对于父母),但我仍然无法在父母内部捕获事件.

我可以用:

_.extend(App.vent, Backbone.Events);

Backbone.Marionette.ItemView.extend({
    ....
    App.vent.trigger('btn_clicked');
    ....
});

Backbone.Marionette.Layout.extend({
    ....
    App.vent.on('btn_clicked', function() { doCoding(); });
    ....
});
Run Code Online (Sandbox Code Playgroud)

但这样我打破了封装.有没有办法通过使用Marionette触发器事件保持封装并将其全部保留在布局中而不污染整个应用程序?


更新2

http://jsfiddle.net/QRcF5/5/

我更新了jsfiddle以使用_.extend(vent,Backbone.Events).如果有人有更好的模式,请告诉我们:D

javascript layout triggers event-bubbling marionette

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