var c = 0;
alg(0,3,c++);
alg(0,3,c++);
alg(0,3,c++);
alg(0,3,c++);
alg(0,3,c++);
alg(0,3,c++);
function alg(a,b,c){
if(a+c>b) c=a;
console.log(c);
return c;
}
- Можно ли присваивать уникальным для каждого конкретного блока элементам только класс этого самого конкретного блока? Как в коде выше, я не присвоил элементу .slider-grid__meta класс .slider__meta.
- Можно ли красивее? Остается такое чувство, будто наделал костылей. Как реализовали бы схожую задачу вы?
<div class="slider slider--promo">
<div class="slider__track">
<div class="slider__slide"></div>
<div class="slider__slide"></div>
<div class="slider__slide"></div>
</div>
<div class="slider__arrows"></div>
</div>
<!-- Второй слайдер -->
<div class="slider slider--grid">
<!-- Набор уникальных для второго слайдера элементов -->
<!-- ВАЖНО: теперь они не уникальны, но в первом случае мы их просто не используем, можно сказать это "опциональные" элементы -->
<div class="slider__meta">
<div class="slider__description"></div>
</div>
<div class="slider__track">
<div class="slider__slide"></div>
<div class="slider__slide"></div>
<div class="slider__slide"></div>
</div>
<div class="slider__arrows"></div>
</div>
Что-то непонятное происходит с компиляцие CSS. Сперва быстро. Через несколько сохранений - начинает думать по 4-6 секунд. Перезагружу gulp и вроде все нормльно опять. Как можно оптимизировать это?
Также буду благодарен, если подскажете как еще можно оптимизировать данный файл.
gulp.task('clean', function() {
return del(path.clean);
});
gulp.task( 'clean', () => del(path.clean) );
/**
* The `reload` method will inform all browsers about changed files and will either cause the browser to refresh, or inject the files where possible.
*
* @method reload
* @param {String|Array|Object} [arg] The file or files to be reloaded.
* @returns {*}
*/
{stream: true}
- бессмысленно, возможно раньше это и имело смысл, но документацию по прошлым версиям я найти не сумел..stream( opts )
- отдельный метод, прямого отношения к .reload он не имеет. <div class="feeds-card feeds-card--img">
<img src="img/components/card/feeds-card/feeds-img.jpg" class="feeds-card--img-cover" />
</div>
<div class="feeds-card feeds-card--img">
<img src="img/components/card/feeds-card/feeds-img.jpg" class="feeds-card__img-cover" />
</div>