Задать вопрос

Сергей Громов

front-end developer

22

вклад
50

вопросов
34

ответа
53%

решений

Ответы пользователя по тегу JavaScript

Stylus, Atom и Gulp Совместимы вообще?

Сергей Громов @reskwer Автор вопроса
front-end developer

Решение нашлось, внимательно смотрите код который копипастите, в документе должны быть отступы ТАБЫ или пробелы, не в коему случае нельзя совмещать пробелы с табами, если хоть где-то проглядели, будут такого типа ошибки

Ответ написан более трёх лет назад

2 комментария

2 комментария
Почему gulp-sass прогрессивно увеличивает время исполнения таска?
Сергей Громов @reskwer Автор вопроса
front-end developer
Решение найдено! Всему виной оказался Вотчер, к примеру имеем мы вот такой вотчер для стилей.
gulp.task('watch', function() { gulp.watch('sass/**/*.scss', gulp.series('style')); });

Всему виной вот эта конструкция, **

Не используйте в вотчере такую конструкрую, пишите прямо все папки где искать, к примеру вот так
gulp.watch(['sass/*.scss', 'sass/block/*.scss', 'sass/page/*.scss'], gulp.series('style'));

В данном примере мы указали 3 папки где будут вотчится все файлы, это sass, block, page. и если теперь вы будете редактировать файлы из этих папак, то стили у вас будут собираться рекордно быстро, и время исполнения таска НЕ БУДЕТ УВЕЛИЧИВАТЬСЯ

ПРИМЕР!!
Имея вот такой таск вотчера.
gulp.task('watch', function() { gulp.watch('sass/**/*.scss', gulp.series('style')); });

Я захожу в файл sass/components/header.scss и редактирую рас 10, пока время выполнения таска не доходит до секунды, потом захожу в файл sass/block.scss и редактирую его 3 раза, обратити внимания на скорость выполнения таска.. 150-180 милисекунд дальше я опять редактирую фай sass/components/header.scss и время выполнения таска уже больше однойсекунды.. так что делайте вывод господа..

Ответ написан более трёх лет назад

3 комментария
3 комментария
Очень долгая компиляция Gulp + gulp-sass. Что можно с этим сделать?

Сергей Громов @reskwer
front-end developer

Нашел решение данной проблемы, Почему gulp-sass прогрессивно увеличивает время исполнения таска?

Ответ написан более трёх лет назад

5 комментариев

5 комментариев
Как правильно кушать PIE.htc в IE8?

Сергей Громов @reskwer Автор вопроса
front-end developer

reskwer.ru/ie - собирал по крупицам. примеры еще не залил но все что надо по поводу кросс-браузерности уже есть :)

Ответ написан более трёх лет назад

Комментировать

Комментировать

Как сделать, чтобы при нажатии появлялся объект?

Сергей Громов @reskwer

front-end developer

Мне стыдно за моих коллег, которые знают как решить такую задачу на JS но не знают как на CSS.
Решение на чистом CSS codepen.io/reskwer/pen/pvRbzB
Ну и исходники index.html

<!DOCTYPE html>
<html lang="ru-RU">
<head>
	<meta charset="UTF-8">
	<meta name="author" content="reskwer">
	<title>Что-то на CodePen</title>
	<link rel="stylesheet" href="style.css">
</head>
<body>
	<div id="main">
		<p>Какието данные</p>
		<p>Какието данные</p>
		<p>Какието данные</p>
		<p>Какието данные</p>
	</div>
	<a href="#main" id="click">
		<img src="http://placehold.it/100x50" alt="img">
	</a>
	<a href="#" id="back">Вернуть все</a>
</body>
</html>

style.css

#main{
	width: 400px;
	height: 200px;
	background: #eee;
	border: 1px solid black;
	text-align: center;
	margin: 10px 0px;
}
#main p{
	display: none;
}
#main:target p{
	display: block;
}
#main:target + #click{
	display: none;
}
#main:target ~ #back{
	display: block;
}
#back{
	display: none;
	margin-left: 311px;
}

Ответ написан более трёх лет назад

1 комментарий

При нажатии на ссылку вместо одного div должен появится другой. Как реализовать?

Сергей Громов @reskwer

front-end developer

Как то так codepen.io/reskwer/pen/pvRgmp

index.html

<!DOCTYPE html>
<html lang="ru-RU">
<head>
	<meta charset="UTF-8">
	<meta name="author" content="reskwer">
	<title>Что-то на CodePen</title>
	<link rel="stylesheet" href="style.css">
</head>
<body>
		<a href="#two">Cсылка</a>
		<div class="block">
			<div id="one">
			<p>Это Блок 1</p>
			</div>
			<div id="two">
				<p>Это Блок 2</p>
				<a href="#">Закрыть блок</a>
			</div>
		</div>
</body>
</html>

style.css

.block{
	width: 200px;
	height: 200px;
	position: relative;
	border: 1px solid #000;
}
#one{
	background: #eee;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
}
#two{
	background: #444;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	color: #fff;
}
#one:target > #two{
	display: none;
}
#two{
	display: none;
}
#two:target{
	display: block;
}
#two a{
	color: #ccc;
}

Что бы конкретно с вашим кодом это сделать, обращайтесь в Скайп, ВК, или Телефон. за небольшое вознаграждение сделаем

Ответ написан более трёх лет назад

Комментировать

Самые активные сегодня

Сергей delphinpro
- 3 ответа
- 0 вопросов
AiR_WiZArD
- 3 ответа
- 0 вопросов
Петровский
- 3 ответа
- 0 вопросов
Aragorn
- 3 ответа
- 0 вопросов
Виктор Петров
- 3 ответа
- 0 вопросов
rPman
- 3 ответа
- 0 вопросов

Stylus, Atom и Gulp Совместимы вообще?

Почему gulp-sass прогрессивно увеличивает время исполнения таска?

Очень долгая компиляция Gulp + gulp-sass. Что можно с этим сделать?

Как правильно кушать PIE.htc в IE8?

Как сделать, чтобы при нажатии появлялся объект?

При нажатии на ссылку вместо одного div должен появится другой. Как реализовать?

Войдите на сайт