Web Мастерская
Сообщество Web Мастеров. Тут собрано всё, чтобы написать свой первый сайт, запустить его в Интернет и поддерживать его в течении всей его работы.
Блог :: 23:29 16.03.2024
Про метод, что заменяет подстроку в строке (
Тут мы заменяем первую единицу на
А, что делать, если появилась необходимость заменить все единицы в строке на
Результат выполнения кода:
Есть ещё один вариант заменить сразу все совпадения в строке. Использовать метод
И получаем:
replace
), знает каждый, кому приходилось работать со строками. Данный метод заменяет первое найденное совпадение, на то, что ему указано вторым параметром:
var n = '2:19:11:174:55:10:11:98';
n = n.replace('1', 'X');
console.log(n);
Тут мы заменяем первую единицу на
X
, на выходе получим: 2:X9:11:174:55:10:11:98
. С этим всё понятно, замена первой единицы прошла успешно, остальные единицы остались не тронутыми.А, что делать, если появилась необходимость заменить все единицы в строке на
X
? На помощь придет регулярное выражение, с флагом g
, что будет производить замену стоко раз, сколько совпадений находится в строке. Само выражение для нашей задачи выглядит так: /1/g
. В метод завернуть так n.replace(/1/g, 'X')
. Ну, и весь код:
var n = '2:19:11:174:55:10:11:98';
n = n.replace(/1/g, 'X');
console.log(n);
Результат выполнения кода:
2:X9:XX:X74:55:X0:XX:98
. Проверяем, убеждаемся, что все единицы были заменены на X
.Есть ещё один вариант заменить сразу все совпадения в строке. Использовать метод
replaceAll
. Данная функция находит и заменяет все совпадения в строке, на то, что указано вторым параметром. Метод, так же, может работать и с регулярными выражениями. Мы делаем так:
var n = '2:19:11:174:55:10:11:98';
n = n.replaceAll('1', 'X');
console.log(n);
И получаем:
2:X9:XX:X74:55:X0:XX:98
. А значит всё правильно!- Жалоба
Ссылка :: 17:49 16.03.2024
CSP Header Inspector and Validator
Возможно, будет интересно: Опрос: Необходимо ли устанавливать CSP на свой сайт?.
Возможно, будет интересно: Опрос: Необходимо ли устанавливать CSP на свой сайт?.
Валидатор Content Security Policy (CSP) позволяет проверить корректность отдачи заголовков.
Опрос :: 14:08 16.03.2024
Надежная политика безопасности контента (Content Security Policy, CSP) существенно снижает риск атак XSS (межсайтовый скриптинг). Считаете ли Вы нужным устанавливать данный заголовок?
Публичный опрос
0x0000001E Март 16, 2024 4:43 pm
Чтобы ответить на вопрос "Необходимо ли устанавливать CSP на свой сайт?", нужно понимать, для чего нужен CSP. CSP нужен для того, чтобы браузер знал, с каких ресурсов можно загружать файлы, а с каких нельзя. Имеется в виду реклама.
Когда страница загружается в браузер, что нахватался вирусов, рекламные блоки сайта, будут заменены на другие. От чего владелец сайте не получит потенциального клика и даже показа, а кто-то другой, кто заразил браузер, получит и показ и клик. Чтобы автор вируса не получил дохода, мы отдаем заголовок CSP, где имеется перечень разрешенных сайтов.
По идеи все должно работать, НО. Зараженному браузеру, во многих случаях, плевать на полученные заголовки, он может их просто игнорировать.
Когда страница загружается в браузер, что нахватался вирусов, рекламные блоки сайта, будут заменены на другие. От чего владелец сайте не получит потенциального клика и даже показа, а кто-то другой, кто заразил браузер, получит и показ и клик. Чтобы автор вируса не получил дохода, мы отдаем заголовок CSP, где имеется перечень разрешенных сайтов.
По идеи все должно работать, НО. Зараженному браузеру, во многих случаях, плевать на полученные заголовки, он может их просто игнорировать.
Опрос :: 17:45 14.03.2020
Есть ли смысл следовать советам PageSpeed Insights от Google?
PageSpeed Insights API (PSI) позволяет получать отчеты о скорости загрузки страниц на мобильных устройствах и компьютерах, а также советы, как эту скорость увеличить.
PSI предоставляет как данные о том, насколько быстро страница загружалась у настоящих пользователей, так и данные, полученные в результате имитации процесса загрузки. Поскольку имитация выполняется в управляемых условиях, с ее помощью удобно выявлять и устранять проблемы со скоростью, но есть риск упустить некоторые из тех, которые возникают в действительности. Данные же наблюдений от пользователей отражают реальное положение дел, но набор доступных показателей ограничен.
Адрес сервиса: https://pagespeed.web.dev/.
PageSpeed Insights API (PSI) позволяет получать отчеты о скорости загрузки страниц на мобильных устройствах и компьютерах, а также советы, как эту скорость увеличить.
PSI предоставляет как данные о том, насколько быстро страница загружалась у настоящих пользователей, так и данные, полученные в результате имитации процесса загрузки. Поскольку имитация выполняется в управляемых условиях, с ее помощью удобно выявлять и устранять проблемы со скоростью, но есть риск упустить некоторые из тех, которые возникают в действительности. Данные же наблюдений от пользователей отражают реальное положение дел, но набор доступных показателей ограничен.
Адрес сервиса: https://pagespeed.web.dev/.
Публичный опрос
Scorpion Апрель 27, 2023 12:49 am
Следовать стоит. По крайней ПС Google будет читать ваш сайт проще.
Наждак Июль 7, 2023 10:02 am
Прислушиваться стоит, но гнаться за высокой оценкой до фанатизма, не стоит. Все равно поисковики выводят на первое место сайты с качественным контентом, а не сайты, которые просто имеют высокую оценку в PageSpeed Insights.
0x0000001E Март 16, 2024 12:13 pm
Пользуюсь советами, только тогда, когда они мне кажутся разумными и вписываются в мои потребности и функционал.
Заметка :: 16:43 25.01.2024
Уязвимость в ISPmanager
24.01.24 была обнаружена уязвимость в ispmanager 6. На данный момент уязвимость закрыта. Рекомендуем произвести обновление программного обеспечения до последней версии 6.90.1.
Для обновления вручную используйте команду в терминале:
Либо в панели управления включите автообновление: Настройки → Настройки системы.
Если автообновление включено, то убедитесь, что оно сработало и нужная версия ispmanager 6.90.1. уже установлена.
24.01.24 была обнаружена уязвимость в ispmanager 6. На данный момент уязвимость закрыта. Рекомендуем произвести обновление программного обеспечения до последней версии 6.90.1.
Для обновления вручную используйте команду в терминале:
/usr/local/mgr5/sbin/pkgupgrade.sh coremanager
.Либо в панели управления включите автообновление: Настройки → Настройки системы.
Если автообновление включено, то убедитесь, что оно сработало и нужная версия ispmanager 6.90.1. уже установлена.
0x0000001E Март 16, 2024 12:10 pm
Дойдёт до Вас очередь и панель обновиться самостоятельно. Не переживайте!
Блог :: 11:17 16.03.2024
Разумеется, что все мы когда-то ни чего не знали и не умели. Приходит время познавать что-то новое, изучать и учиться какому-либо ремеслу. Сайтостроение - это тоже ремесло, в которое входит много деталей, таких, как дизайн, навигация, функционал и тд. За дизайн отвечают теги и CSS, за навигацию может отвечать программная часть движка, может и чистый HTML, за функционал могут отвечать многие мелочи сайта, а также вся программная часть сайта, как на сервере, так и на загруженной странице в браузере. И если Вы начинающий ВебМастер, и на данный момент Вас интересует JavaScript, то Вы по адресу! Сегодня мы поговорим о том, с какими задачами необходимо уметь справляться начинающему изучение языка JavaScript.
На первое место я бы поставил, что должен знать и уметь новичок, это Область видимости переменных. Чтобы не заблудиться в трех соснах, почему переменная определена, но методы ее не могут распознать. А все очень просто, переменная вне зоны видимости. Чтобы не наступать на такие грабли, необходимо изучить и понимать, где переменная видна, а где нет.
Необходимо умение работать с формами. Валидация форм. И не лишним будет умение отправка данных формы на сервер, при помощи AJAX.
Загрузка любых данных, как на сервер, так и на страницу, при помощи AJAX.
Работа с DOM - очень важно уметь это делать. Пригодится слушать, удалять, заменять и создавать новые теги, или даже целые блоки.
Я привел самый малый список того, чего необходимо уметь в JS начинающему, чтобы написать свой первый сайт....
На первое место я бы поставил, что должен знать и уметь новичок, это Область видимости переменных. Чтобы не заблудиться в трех соснах, почему переменная определена, но методы ее не могут распознать. А все очень просто, переменная вне зоны видимости. Чтобы не наступать на такие грабли, необходимо изучить и понимать, где переменная видна, а где нет.
Необходимо умение работать с формами. Валидация форм. И не лишним будет умение отправка данных формы на сервер, при помощи AJAX.
Загрузка любых данных, как на сервер, так и на страницу, при помощи AJAX.
Работа с DOM - очень важно уметь это делать. Пригодится слушать, удалять, заменять и создавать новые теги, или даже целые блоки.
Я привел самый малый список того, чего необходимо уметь в JS начинающему, чтобы написать свой первый сайт....
Опрос :: 16:18 4.02.2024
Что, по Вашему, лучше использовать на своём сайте, самописную JS библиотеку или использовать готовую, например, jQuery?
Публичный опрос
Predator Февраль 10, 2024 7:40 pm
Писать свою библиотеку, только для набора опыта. Для живого сайта лучше использовать jQuery. Ведь для jQuery в интернете много примеров, решенных проблем и разных модулей.
Немцова Наталья Февраль 19, 2024 9:49 pm
Я согласна, со всеми, выше высказавшимися. Использования готовой библиотеки, экономит время и, возможно, деньги.
Ruby Февраль 20, 2024 10:35 am
Готовая библиотека используется для исправления недостатков чистого JavaScript'а. Да, к сожалению, чистый JS долек от совершенства.
Опрос :: 11:36 12.03.2023
AMP страницу сделать не сложно, вот тут есть инструкция: https://amp.dev/ru/d ... te/basic_markup все довольно просто. Смущает только добавление кода в голову:
И подключение библиотеки в конце:
Как я понял по коду, контент страницы появится не сразу, с задержкой 8 секунд (Может ошибаюсь). Вообще, какие преимущества дают AMP страницы? Есть ли смысл переводить мобильную версию сайта на AMP?
Спасибо за мнение!
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
И подключение библиотеки в конце:
<script async src="https://cdn.ampproject.org/v0.js"></script>
Как я понял по коду, контент страницы появится не сразу, с задержкой 8 секунд (Может ошибаюсь). Вообще, какие преимущества дают AMP страницы? Есть ли смысл переводить мобильную версию сайта на AMP?
Спасибо за мнение!
Публичный опрос
Max JS Февраль 7, 2024 11:52 pm
Google хочет прогнуть всех вебмастеров под себя, чтобы он сказал, что надо добавить такой-то код на свои страницы и все кинулись добавлять, а этот код может вредить сайту. AMP - это одина из попыток прогнуть под себя. В этих страницах ни какого смысла и толку нет. Устанавливать эти коды не рекомендую.
Видео :: 12:16 14.09.2019
Михаил Русаков - отзывы о курсах, на курсы, о МОШЕННИЧЕСТВЕ на видеокурсы, php 7, html, css, Создание приложений для Android с нуля, Программирование на Java с Нуля до Гуру | сайт Михаила Русакова.
Здравствуйте, дорогие зрители. Меня зовут Александр и я приобрёл видеокурс от Михаила Русакова "Своя веб-студия за 55 дней". В этом видео я оставил небольшой отзыв о самом видео-курсе и о процессе возврата средств от Михаила Русакова. Ещё мигом покажу отзывы других его клиентов на разные видеокурсы, которым процесс возврата средств мягко говоря не понравился, как и мне.
Михаил Русаков о всех своих видео курсах говорит, что он осуществляет 100% гарантию, но на самом деле это не так.
На сайте Михаила Русакова в публичной оферте четко указано, что гарантия является безусловной на 365 суток и поэтому он не имеет права вообще ставить какие-либо условия, при которых он может быть вернёт средства.
Прошу тех кому Михаил Русаков не осуществил возврат за свои курсы писать свои отзывы под этим видео.
Заранее благодарю Вас за просмотр данного видео и желаю Вам никогда не попадаться на уловки мошенников. Всего вам доброго.
Здравствуйте, дорогие зрители. Меня зовут Александр и я приобрёл видеокурс от Михаила Русакова "Своя веб-студия за 55 дней". В этом видео я оставил небольшой отзыв о самом видео-курсе и о процессе возврата средств от Михаила Русакова. Ещё мигом покажу отзывы других его клиентов на разные видеокурсы, которым процесс возврата средств мягко говоря не понравился, как и мне.
Михаил Русаков о всех своих видео курсах говорит, что он осуществляет 100% гарантию, но на самом деле это не так.
На сайте Михаила Русакова в публичной оферте четко указано, что гарантия является безусловной на 365 суток и поэтому он не имеет права вообще ставить какие-либо условия, при которых он может быть вернёт средства.
Прошу тех кому Михаил Русаков не осуществил возврат за свои курсы писать свои отзывы под этим видео.
Заранее благодарю Вас за просмотр данного видео и желаю Вам никогда не попадаться на уловки мошенников. Всего вам доброго.
Melomane Июнь 16, 2021 10:47 pm
Этот Русаков, в своих роликах, вечно выставляет себя таким занятым, что ему приходится снимать ролики, прямо на ходу. Едет в машине на конференцию деловых программистов и снимает. Если ты такой занятой, то на кой черт, тратишь свое драгоценное время?
Predator Июнь 23, 2021 10:39 am
На Ютюбе дизлайки этому видео ставит сам Миша, или его купленные фаната.
Max JS Январь 30, 2024 10:41 am
Чтобы писать и продавать курсы, надо самому хоть что-то уметь. А судя по всему, этому Мише, самому еще учиться и учиться. Обычная, закомплексованная мышь, которую зашугали в школьные годы, ровесники, а сейчас он мстит всему миру.
Блог :: 20:27 4.11.2023
Чтобы составить список, используют тег
В этом случае, браузер отобразит списки стандартного вида:
Чтобы изменить марке, установите тегу
Вместо значения
Если необходимо изменить цвет маркера, используйте свойство:
Вместо зеленного цвета (
Можно использовать свою картинку, как маркер. И для этого существует свойство:
Где
<li>
внутри <ul>
или <ol>
:
<ul>
<li>1 элемент списка.</li>
<li>2 элемент списка.</li>
<li>3 элемент списка.</li>
</ul>
<ol>
<li>элемент списка.</li>
<li>элемент списка.</li>
<li>элемент списка.</li>
</ol>
В этом случае, браузер отобразит списки стандартного вида:
- 1 элемент списка.
- 2 элемент списка.
- 3 элемент списка.
- элемент списка.
- элемент списка.
- элемент списка.
Чтобы изменить марке, установите тегу
<ul>
CSS свойство list-style-type
:
ul {
list-style-type: disc;
}
Вместо значения
disc
можно использовать circle
, в таком случае, маркеры будут в виде кругляшков, а не жирных точек.Если необходимо изменить цвет маркера, используйте свойство:
li::marker {
color: #008800;
}
Вместо зеленного цвета (
#008800
) можете написать любой другой.Можно использовать свою картинку, как маркер. И для этого существует свойство:
li {
list-style-image: url('marker.png');
}
Где
marker.png
- это Ваша картинка.
Блог :: 22:40 31.10.2023
Чтобы запретить появление всплывающей подсказки с возможными вариантами текста, используйте атрибут
Пример:
autocomplete
, со значением: off
.Пример:
<input type="text" name="title" autocomplete="off">
Блог :: 22:32 31.10.2023
Чтобы ограничить поле на количество вводных символов существует атрибут
В данном случае, в поле нельзя записать более
Следует учесть тот факт, что пользователь может изменить данное значение, используя инструменты браузера, поэтому необходимо проверять количество символов в полученной от пользователя строке, на стороне сервера.
maxlength
, который не позволит написать символов больше, чем указано в его значении:
<input type="text" name="title" maxlength="25">
В данном случае, в поле нельзя записать более
25
символов.Следует учесть тот факт, что пользователь может изменить данное значение, используя инструменты браузера, поэтому необходимо проверять количество символов в полученной от пользователя строке, на стороне сервера.
Ссылка :: 20:14 8.10.2023
SQLize.online is a free online SQL environment for quickly running, experimenting with and sharing code. You can run your SQL code on top of the most popular RDBMS including MySQL, MariaDB, SQLite, PostgreSQL, Oracle and Microsoft SQL Server.
If you want to share your code snippets written here just share the page link or use "Share" button to get short link.
If you want to share your code snippets written here just share the page link or use "Share" button to get short link.
SQLize.online — это бесплатная онлайн-среда SQL для быстрого запуска, экспериментирования и совместного использования кода. Вы можете запустить свой код SQL поверх самых популярных СУБД, включая MySQL, MariaDB, SQLite, PostgreSQL, Oracle и Microsoft SQL Server.
Если вы хотите поделиться написанными здесь фрагментами кода, просто поделитесь ссылкой на страницу или используйте кнопку «Поделиться», чтобы получить короткую ссылку.
Если вы хотите поделиться написанными здесь фрагментами кода, просто поделитесь ссылкой на страницу или используйте кнопку «Поделиться», чтобы получить короткую ссылку.
Софт для WebМастера
Про метод, что заменяет подстроку в строке (replace), знает каждый, кому приходилось работать со строками. Данный метод заменяет первое найденное...
Какие задачи необходимо уметь выполнять на JavaScript начинающему
Разумеется, что все мы когда-то ни чего не знали и не умели. Приходит время познавать что-то новое, изучать и учиться какому-либо ремеслу....
Чтобы составить список, используют тег <li> внутри <ul> или <ol>:
<ul>
<li>1 элемент списка.</li>
<li>2 элемент...
Русская поддержка phpFox 3
Русская поддержка движка социальной сети phpFox 3.
C++
Самый популярный язык программирования.