Всех приветствую на нашем канале 👋 Здесь вы найдете множество полезных постов о web-разработке, которые помогут вам в дальнейшем все больше развиваться в этой теме.💥
В каком из представленных ниже вариантов содержится явная ошибка:
Anonymous Quiz
8%
p {font-size: 150%;}
8%
p span {font-size: 150%;}
62%
p span#text {font-size: 150%;}
23%
p text (font-size: 150%;}
Стрелочные функции в JS
Стрелочные функции — это новая функция ES6, которая почти широко используется в современных кодовых базах, поскольку она делает код кратким и читаемым.
#javascript
Стрелочные функции — это новая функция ES6, которая почти широко используется в современных кодовых базах, поскольку она делает код кратким и читаемым.
const testFunction = function() {
// content..
}
const testFunction = () => {
// content..
}
Как вы можете видеть, вам просто нужно удалить ключевое слово function и добавить символ жирной стрелки => после ().#javascript
Какой из вариантов содержит ошибку?
Anonymous Quiz
6%
<a href="page.html">Ссылка</a>
10%
<a href="page.html#17">Ссылка</a>
4%
<a href="page.html#top">Ссылка</a>
79%
<a href="page.html"#top>Ссылка</a>
Советов по оптимизации JavaScript:
1. Слишком много сторонних библиотек и скриптов.
По мере роста нашего приложения существует большая вероятность наличия слишком большого количества зависимостей, плагинов или даже скриптов, которые негативно повлияют на производительность приложения. Поможет удаление ненужных зависимостей.
2. Отсутствие CDN
Отличный способ повысить производительность вашего приложения, если в нем много веб-содержимого — это использовать Content Delivery Network (CDN). CDN доставляет ваш статический контент с ближайшего к вам сервера, который будет иметь высокую скорость загрузки.
#javascript
1. Слишком много сторонних библиотек и скриптов.
По мере роста нашего приложения существует большая вероятность наличия слишком большого количества зависимостей, плагинов или даже скриптов, которые негативно повлияют на производительность приложения. Поможет удаление ненужных зависимостей.
2. Отсутствие CDN
Отличный способ повысить производительность вашего приложения, если в нем много веб-содержимого — это использовать Content Delivery Network (CDN). CDN доставляет ваш статический контент с ближайшего к вам сервера, который будет иметь высокую скорость загрузки.
#javascript
<script type="text/javascript">
var a = prompt("Введите число");
var b = a + 1; alert(b); </script> При выполнении скрипта появилось окно, в которое пользователь ввёл 10. Что будет написано в следующем появившемся окне?
var a = prompt("Введите число");
var b = a + 1; alert(b); </script> При выполнении скрипта появилось окно, в которое пользователь ввёл 10. Что будет написано в следующем появившемся окне?
Anonymous Quiz
3%
1
3%
2
41%
101
54%
11
Атрибут srcset
Атрибут
Это разделенный запятыми список URL-адресов с шириной для каждого. Каждый элемент в списке выглядит так:
#css
Атрибут
srcset предоставляет браузеру множество источников на выбор, а также размер каждого из этих источников.Это разделенный запятыми список URL-адресов с шириной для каждого. Каждый элемент в списке выглядит так:
«image.jpg 1000w,», что сообщает браузеру, что файл image.jpg имеет ширину 1000 пикселей.#css
Какой селектор написан с ошибкой?
Anonymous Quiz
15%
div p
40%
input["text"]
13%
input[type="text"]
33%
input.text
Cоветов по оптимизации JavaScript (Часть2)
3. Слишком много HTTP-запросов.
Ваш сайт связывается с сервером через HTTP-запросы для отображения информации. Это означает, что чем больше запросов он выполняет, тем дольше загружается ваша страница. Если ваш сайт загружает много скриптов и ресурсов, это будет проблемой для производительности. Поскольку браузер может загружать другие ресурсы, необходимые для загрузки страницы, то анализ и выполнение JavaScript откладывается.
4. Не сокращенный JavaScript код
Сокращение файла JavaScript приведет к удалению комментариев, сокращению имен переменных, удалению пробелов, а также удалению неиспользуемого кода. Выполнение всего вышеперечисленного не влияет на функциональность приложения, но обеспечивает более быстрое выполнение, поскольку размер файла теперь уменьшен. Есть много инструментов минификации, которые вы можете использовать.
#javascript
3. Слишком много HTTP-запросов.
Ваш сайт связывается с сервером через HTTP-запросы для отображения информации. Это означает, что чем больше запросов он выполняет, тем дольше загружается ваша страница. Если ваш сайт загружает много скриптов и ресурсов, это будет проблемой для производительности. Поскольку браузер может загружать другие ресурсы, необходимые для загрузки страницы, то анализ и выполнение JavaScript откладывается.
4. Не сокращенный JavaScript код
Сокращение файла JavaScript приведет к удалению комментариев, сокращению имен переменных, удалению пробелов, а также удалению неиспользуемого кода. Выполнение всего вышеперечисленного не влияет на функциональность приложения, но обеспечивает более быстрое выполнение, поскольку размер файла теперь уменьшен. Есть много инструментов минификации, которые вы можете использовать.
#javascript
Что делает функция printMessage("Text")?
Anonymous Quiz
21%
Выводит окно с текстом Text.
49%
Функция printMessage() вообще не существует.
23%
Выводит окно с текстом "Text"
8%
Ошибка, поскольку в функции printMessage() 2 параметра.
Атрибут sizes
Атрибут srcset работает отлично, но когда браузер читает HTML, он не знает, использовали ли вы CSS , чтобы масштабировать изображение, например, на 50% от ширины экрана.
Вот когда в игру вступает атрибут sizes. С его помощью мы даем браузеру подсказку о том, как будет отображаться изображение после применения CSS.
#css
Атрибут srcset работает отлично, но когда браузер читает HTML, он не знает, использовали ли вы CSS , чтобы масштабировать изображение, например, на 50% от ширины экрана.
Вот когда в игру вступает атрибут sizes. С его помощью мы даем браузеру подсказку о том, как будет отображаться изображение после применения CSS.
#css
Сколько можно заработать на верстке сайтов?
Стоимость верстки зависит от множества факторов, таких как: сложность верстки, количество элементов на странице (форм, меню и т.д.), требований заказчика (Pixel Perfect стоит дороже), опыт и уровень верстальщика. В этом посте указаны примерные расценки (на фрилансе), на которые можно ориентироваться.
Стоимость верстки зависит от множества факторов, таких как: сложность верстки, количество элементов на странице (форм, меню и т.д.), требований заказчика (Pixel Perfect стоит дороже), опыт и уровень верстальщика. В этом посте указаны примерные расценки (на фрилансе), на которые можно ориентироваться.
