Использую gulp и бэм но папки для блоков приходится вручную создавать и подключать. Какое есть решени для того чтобы быстро создать блок с css и js файлом и папкой под изображения.
npm run add block, а еще можно автоматически создавать блок в зависимости от HTML разметки. Можете глянуть эту сборку и выдернуть себе нужный функционал.
document.getElementById( 'tel' ).oninput = function(e) {
var cursor = this.selectionStart, pattern = /\D/g;
if ( this.value.match( pattern ) ) {
alert( 'Только цифры' );
this.value = this.value.replace( pattern, '' );
cursor--;
}
this.selectionEnd = cursor;
}// клиент
function but() {
var xhr = new XMLHttpRequest();
xhr.open( 'POST', '/ajax' );
xhr.setRequestHeader( 'Content-type', 'application/x-www-form-urlencoded' );
xhr.send( 'field=value' );
}
// сервер
app.use( bodyParser.json(), bodyParser.urlencoded({ extended: true }) );
app.post( '/ajax', function (req, res) {
console.log( req.body );
});(function () {
var utm = 'utm_content',
mtext = document.getElementsByClassName( 'mtext' )[0],
location = window.location.toString(),
number;
if ( ! mtext || location.indexOf( utm + '=' ) === -1 ) return;
mtext.innerHTML = 'Найти запчасть';
number = ( location.substr( location.indexOf( utm + '=' ) + utm.length + 1, 50 ) ).toLowerCase();
if ( number.indexOf( '&' ) !== -1 )
number = number.substr( 0, number.indexOf( '&' ) );
if ( number === 'logan' ) mtext.innerHTML = 'Найти запчасть для Renault Logan';
if ( number === 'megan' ) mtext.innerHTML = 'Найти запчасть Renault Megan';
})();contentVideo
.play()
.on('timeupdate', function(){
var currentTime = Math.round( this.currentTime() ),
duration = Math.round( this.duration() ),
percent = Math.round( currentTime / duration * 100 );
return ( [0,25,50,75,100].indexOf( percent ) !== -1 ) ? postVideoStatus( percent ) : false;
});$( document ).ready(function() {
var first = true;
$( '.ya_donate' ).on( 'submit', function() {
var form = $(this);
if ( first ) {
first = false;
$.post( '/site/donate', form.serialize(), function( data ) {
form.submit();
});
return false;
}
});
});Кажется - будто они появляются ежедневно.
Меня интересует как не запутаться в обилие фреймворков? Что сейчас стоит изучать?
Меня интересует разработка одностраничных приложений ( точно не знаю как этот термин называться)