Когда мы используем веб-страницы, информация сохраняется (нравится нам это или нет)! Файлы cookie хранят временные данные в браузере. Если пользователь посетил страницу, на которой используются файлы cookie, его браузер сохраняет эту информацию локально. Файлы cookie имеют срок действия и не должны превышать 4093 байта. Файлы cookie отправляют данные обратно на сервер для каждого HTTP-запроса (например, HTML, изображения, любой JavaScript, CSS и т. д.). Побочным эффектом является увеличение трафика между клиентом и сервером.
sessionStorage похож на localStorage, но изменения сохраняются только во вкладках или окнах браузера. Эти изменения сохраняются только для текущей страницы и применяются к текущему открытому окну. Если текущее окно закрыто, этот тип хранилища удаляется.
localStorage проще и лучше, чем файлы cookie, потому что он имеет доступ к гораздо большему объему памяти. Его доступный размер ограничен 5 МБ, что значительно больше, чем файл cookie размером 4 КБ. Данные в localStorage не отправляются обратно на сервер каждый раз, когда делается HTTP-запрос, что в конечном итоге снижает объем трафика между пользователем и сервером. localStorage также сохраняется до тех пор, пока пользователь не удалит его на этой конкретной машине.
В зависимости от зрителя может потребоваться проектирование и разработка многоязычного веб-сайта. Я бы с осторожностью относился к решению того, как пользователи будут получать доступ к своему родному языку на сайте, например, иметь уникальные URL-адреса для каждого языка. Я также должен был бы учитывать длину слова языка. В некоторых культурах цвета означают разные вещи, поэтому мне нужно обдумать свой выбор цвета для веб-сайта, чтобы убедиться, что он подходит.
Первое, что нужно учитывать, это то, как пользователь будет получать доступ к странице на своем знакомом языке. Я считаю, что этого можно достичь, если пользователь выберет язык в текущем сеансе и сохранит эту информацию с помощью файлов cookie. Я мог бы добиться этого, включив сегмент локали в URL-адрес. Многие браузеры также могут отвечать на запрос «Accept-Language» в заголовке HTML.
Это напоминает мне о связывании сценариев JQuery в классе. Это позволяет нам кодировать специально, используя разные фразы, но идея остается той же.
Тег ‹script› выполняет поведение элемента по умолчанию, которое приостанавливает загрузку HTML-кода на время его синтаксического анализа. Важно поместить этот элемент прямо перед тегом ‹/body›, чтобы пользователь мог просматривать HTML-код, пока скрипт продолжает загружаться.
Если скрипт прописан в заголовке, может оказаться полезным добавить к элементу «отложить». Это говорит браузеру загружать его последним и хорошо работает для медленных серверов и больших скриптов.
Асинхронное выполнение будет загружать скрипт всякий раз, когда это возможно, и это хороший вариант для Google Analytics. Это говорит браузеру продолжить синтаксический анализ HTML и загрузить скрипт, как только он будет готов.
Атрибуты Data-* очень полезны в JavaScript. Это часть глобальных атрибутов, позволяющая сохранять данные на странице и использовать их в JavaScript страницы. Это позволяет разработчику встраивать пользовательские атрибуты данных в любой элемент HTML и далее манипулировать им с помощью JavaScript. Он состоит из двух частей:
- Атрибут не может содержать заглавные буквы и должен быть как минимум на один символ длиннее после части «data-».
- Значение атрибута может содержать любую строку.
Это была отличная неделя обучения благодаря Академии кодирования Остина!
