gulp.task(
'sometask', // название задачи
['anothertask'], // выполнить перед задачей
function(){} // сама задача
)
gulp.task(
'sometask', // название задачи
gulp.series( // последовательно выполнить
'anothertask', // другие задачи
function(){} // и саму задачу
)
)
gulp.task(
'sometask', // название задачи
gulp.series('anothertask'), // выполнить другие задачи
function(){} // и саму задачу
)
if ($(this).scrollTop() >= window.clientHeight * 0.03) {
}
if ($(this).scrollTop() >= document.documentElement.clientHeight * 0.03) {
}
// или
if ($(this).scrollTop() >= window.innerHeight * 0.03) {
}
gulp.task('build', gulp.parallel('clean', 'nunjucks', 'sass', 'scripts', 'css-libs', 'img'), function(cb) {
var buildHtml = gulp.src('app/*.html')
.pipe(gulp.dest('dist'))
.on('end', function(){
cb();// сигналим о завершении
})
gulp.task('clean', function(cb) {
del('dist').then( (paths) => {
cb(); // сигналим о завершении
});
});
gulp.series(
'clean',
gulp.parallel(все остальное)
)
Идентифика́тор, ID (англ. data name, identifier — опознаватель) — уникальный признак объекта, позволяющий отличать его от других объектов, т.е. идентифицировать. Примеры: лексический токен, который определяет сущность.
единственный в своём роде, неповторимый, существующий в одном экземпляре
gulp.task('mytask', function(done){
let pipes = [];
pipes.push(new Promise((resolve, reject) => {
gulp.src(...)
.pipe()
…
.on('error', (err) => reject(err))
.on('end', () => resolve())
}));
//... повторить нужное кол-во раз
Promise.all(pipes).then((ok) => done(), (err) => done())
})
<div class="fixed-bar">...</div>
.fixed-bar {
transition: 0.7s ease;
transition-property: transform, box-shadow;
height: 50px;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 100;
transform: translateY(-100%);
}
.fixed-bar.isShown {
box-shadow: 0 0 10px black;
transform: translateY(0);
}
const fixedBar = document.querySelector('.fixed-bar');
const toggleBar = function () {
let isShown = window.pageYOffset > window.innerHeight / 2;
fixedBar.classList.toggle('isShown', isShown);
}
toggleBar();
window.addEventListener('scroll', toggleBar);
createMap()
, setObjects(dateStart, dateEnd)
, deleteObjects()
@clicked=onChangeDate
в котором вызываете пересоздание объектов на существующей картеonChangeDate(dateStart, dateEnd) {
this.deleteObjects();
this.setObjects(dateStart, dateEnd);
}
<MyComp>
<Navbar @clicked="onChangeDate"/>
<YandexMap
:date-start="dateStart"
:date-end="dateEnd"
/>
<MyComp>
<script>
data: function(){
return {
dateStart: null,
dateEnd: null,
}
}
methods: {
onchangeDate(d1, d2){
this.dateStart = d1;
this.dateEnd = d2;
}
}
</script>