小编Phi*_*ler的帖子

在我的办公室,我们使用gulp来构建我们较少的文件.我想改进构建任务,因为它花了一秒钟来构建我们最近工作的大型项目.想法是缓存文件,只传递更改的文件.所以我从谷歌开始,发现javascript的增量版本,并认为很容易以较少的方式重写它们.这是我开始使用的那个:https://github.com/gulpjs/gulp/blob/master/docs/recipes/incremental-builds-with-concatenate.md

经过几次不成功的尝试后,我最终得到了以下代码(使用最新的bootstrap发行版测试):

var gulp            = require('gulp');
var less            = require('gulp-less');
var concat          = require('gulp-concat');
var remember        = require('gulp-remember');
var cached          = require('gulp-cached');

var fileGlob = [
    './bootstrap/**/*.less',
    '!./bootstrap/bootstrap.less',
    '!./bootstrap/mixins.less'
];

gulp.task('less', function () {
    return gulp.src(fileGlob)
        .pipe(cached('lessFiles'))
        .pipe(remember('lessFiles'))
        .pipe(less())
        .pipe(gulp.dest('output'));
});

gulp.task('watch', function () {
    var watcher = gulp.watch(fileGlob, ['less']);
    watcher.on('change', function (e) {
        if (e.type === 'deleted') {
            delete cached.caches.scripts[e.path];
            remember.forget('lessFiles', e.path);
        }
    });
});

但是这只传递了更改的文件,并且由于缺少变量定义,编译器失败了.如果我在较少的任务之前管道concat插件,gulp卡在一个(看似)无限循环中.

gulp.task('less', function () {
    return gulp.src(fileGlob)
        .pipe(cached('lessFiles'))
        .pipe(remember('lessFiles'))
        .pipe(concat('main.less')
        .pipe(less()) …

是否可以将firebase函数中的静态资源部署到firebase托管？

使用案例:包含静态html文件的博客.博客内容和元信息将存储在数据库中(内容为降价).在发布或更新时,将触发firebase函数,该函数解析markdown并为博客帖子生成静态html文件,并将其部署到firebase托管.部署后,该函数会将实时URL存储在数据库中.

这个工作流程是否可行？在当前的文档中,我找不到任何有关从函数部署的内容.

作为一种解决方法,我可以设想使用travis-ci进行设置.该函数触发travis上的重建,travis构建静态资产并将它们部署到firebase托管,但这似乎是一个巨大的开销.

我也可以从数据库中提取markdown内容并在客户端上构建,但我真的很想尝试静态文件方法以获得初始加载时间的原因.

是否可以像这样设计传单地图(水:灰色;土地:黄色;)？我无法在文档中找到参考.http://leafletjs.com/features.html

如果是的话,谷歌地图是否容易,或者我必须以某种方式为代表土地和水的多边形着色？

我想从传单的infowindows中受益,但我必须像这样设计地图.

使用 Shadow DOM 创建具有封装样式的 Web 组件时，可以使用 ::part 伪选择器对部分阴影标记进行样式设置 ( https://developer.mozilla.org/en-US/docs/Web/CSS/::part）。

零件选择器可以用于定位嵌套阴影零件吗？

<custom-element>
  #shadow-root
    <div part="thats-easy"></div>
    <another-custom-element part="proxy-part">
      #shadow-root
        <div part="target-me"></div>
    </another-custom-element>
</custom-element>

目前的努力没有结果：

another-custom-element::part(target-me) { }
custom-element::part(proxy-part) another-custom-element::part(target-me) { }
custom-element::part(proxy-part another-custom-element::part(target-me)) { }
custom-element::part(proxy-part::part(target-me)) { }
```

我知道这可能是重复的,但我发现了许多类似于我的问题,但他们的回答没有回答我的问题.例如,据我所知,此页面https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty不包含我的问题的答案.

这就是我所拥有的:

var User = function() {
  this.name = '';
}

User.prototype.password = '';
// or
Object.defineProperty(User.prototype, 'password', {enumerable: true, configurable: true, writable: true});

console.log(new User()); // User {name: ""}

这当然会为对象的原型添加密码,但是我想在定义构造函数后将密码添加为成员.有没有办法实现这个目标？

var User = function() {
  this.name = '';
}

User.prototype.password = '';

console.log(new User()); // User {name: "", password: ""}