Хостинг Ярославль

Question

Серверная оптимизация

Простой

Как максимально использовать оперативную память на сервере VPS?

4 подписчика
более трёх лет назад
371 просмотр

2

ответа

Answer 1 · 2018-12-10 13:14:37

css свойство opacity - прозрачность

Пример:

<button class="button_class" onclick="то из-за чего мы все это делаем">
Текст, для ПС, но люди его не увидят
</button>

В файле css:
.button_class {opacity:0}
Кнопка будет кликаться, при этом будет невидимой.
"button_class" - заменить на свое

если кнопка встречается лишь раз, то можно не париться с классами

<button style="opacity:0" onclick="то из-за чего мы все это делаем">
Текст, для ПС, но люди его не увидят
</button>

Свойства visibility, display сводят на нет кликабельность ("чтобы по ней можно было кликать, как бы по невидимой")

Answer 2 · 2018-01-23 11:49:09

Заменить
^.*?-(\d\d\d\d)-.*?alt="(.*?)".*?$
на
\2 \1

Далее при желании заменить спецсимволы (типа "laquo") на нужные.
Плагины-> HTML tag -> Decode entities

Если плагина нет - установить зная название
Плагины-> Plugin manager

Answer 3 · 2018-01-26 23:08:50

Проще сразу на SQL преобразовать, если будешь использовать только для вывода

Функция DATE_FORMAT преобразует дату из формата год-месяц-день или формата год-месяц-день часы:минуты:секунды в другой удобный нам формат.

К примеру, из год-месяц-день можно сделать день.месяц.год или месяц--год

См. также функцию TIME_FORMAT, которая меняет формат вывода времени.

Синтаксис

SELECT DATE_FORMAT(дата, формат) FROM имя_таблицы WHERE условие

Команды

Можно использовать следующие команды, чтобы сделать нужный формат вывода:
Команда Описание
%d День месяца, число от 00 до 31.
%e День месяца, число от 0 до 31.
%m Месяц, число от 01 до 12.
%c Месяц, число от 1 до 12.
%Y Год, число, 4 цифры.
%y Год, число, 2 цифры.
%j День года, число от 001 до 366.
%H Час, число от 00 до 23.
%k Час, число от 0 до 23.
%h Час, число от 01 до 12.
%I Час, число от 01 до 12.
%l Час, число от 1 до 12.
%i Минуты, число от 00 до 59.
%S Секунды, число от 00 до 59.
%s Секунды, число от 00 до 59.
%w День недели (0 - воскресенье, 1 - понедельник).
%W Название дня недели по-английски.
%a Сокращенный день недели по-английски.
%M Название месяца по-английски.
%b Сокращенный месяц по-английски.
%D День месяца с английским суффиксом (1st, 2nd, 3rd и т.д.).
%r Время, 12-часовой формат (hh:mm:ss [AP]M).
%T Время, 24-часовой формат (hh:mm:ss).
%p AM или PM.
%U Неделя, где воскресенье считается первым днем недели, число от 00 до 53.
%u Неделя, где понедельник считается первым днем недели, число от 00 до 53.
%V Неделя, где воскресенье считается первым днем недели, число от 01 до 53.
Используется с `%X'.
%v Неделя, где понедельник считается первым днем недели, число от 01 до 53.
Используется с `%x'.
%X Год для недели, где воскресенье считается первым днем недели, число, 4 цифры.
Используется с '%V'.
%x Год для недели, где воскресенье считается первым днем недели, число, 4 разряда.
Используется с '%v'.
%% Символ `%'.
Примеры

Все примеры будут по этой таблице workers, если не сказано иное:

SELECT *, DATE_FORMAT(date, '%d.%m.%Y') as new_date FROM workers

1 Дима 2010-03-01 12:01:02 01.03.2010
2 Петя 2011-04-02 13:02:03 02.04.2011

Answer 4 · 2018-12-05 14:09:24

Лучше всего сделать разбивку согласно стандартным расширениям экрана на несколько групп, аналогично как это сделано в bootstrap по ширине (https://bootstrap-4.ru/docs/4.1/layout/overview/)

Потом в эту разбивку по высоте проще будет подгонять все страницы и элементы дизайна

например:

Некий блок в верху главной страницы, например с менюшкой или главным слоганом должен красиво смотреться имея разный шрифт, отступ и ширину - будет выглядеть примерно так:

@media screen and (max-height: 600px) { 
	.div{
		font-size:10px;
		height:40px;
		margin-top:30px;
	}
}
@media screen and (min-height: 600px) and (max-height: 768px) { 
	.div{
		font-size:10px;
		height:50px;
		margin-top:50px;
	}
}
@media screen and (min-height: 768px) and (max-height: 960px) { 
	.div{
		font-size:14px;
		height:100px;
		margin-top:70px;
	}
}
@media screen and (min-height: 960px) and (max-height: 1024px) { 
	.div{
		font-size:16px;
		height:150px;
		margin-top:100px;
	}
}
@media screen and (min-height: 1024px) { 
	.div{
		font-size:18px;
		height:180px;
		margin-top:150px;
	}
}

Как правило, чтобы не путаться с плавающими по высоте блоками делают их: position:absolute; width:100% и задают им top или margin-top а уже внутри делают контейнер с плавающей шириной и margin: 0 auto;. Под эти блоки как правило делают див с фоновой картинкой в размер экрана

section {
	position:absolute;
	width: 100%; /* ширина секции равна ширине области просмотра */
	height: 100vh; /* высота секции равна высоте области просмотра */
}

Из важного: не ленитесь писать screen, чтобы эти правила распространялись только на экранную разбивку и делайте в конце отдельно printверсию с совершенно другим дизайном под А4 ;)

Вот пример разбивки блоков по высоте (шапка на главной) https://cf-dynamite.ru/

Если плавающих по высоте элементов не много (например какойто текст призывающий к действию и кнопка на фоне картинки с весь экран), то можно использовать проценты от высоты экрана height: XXXvh; и распределить элементы относительными блоками внутри блока с размерами экрана.