Академия кодирования Остина, день 13
- Опишите одну вещь, которую вы узнали сегодня на уроке.
Сегодня все было посвящено манипулированию DOM; это то, о чем я слышал много лет, но понятия не имел, как хотя бы начать разбираться. Звучит так сложно и круто! Приходите, чтобы узнать, начать работу с DOM и манипуляциями с элементами было проще, чем ожидалось.
Наше основное внимание было сосредоточено на некоторых встроенных методах, используемых в DOM:
document.getElementById(id)
document.getElementsByTagName(name)
document.createElement(name)
parentNode.appendChild(node)
element.innerHTML
element.style.left
element.setAttribute()
element.getAttribute()
element.addEventListener()
window.content
window.onload
window.dump()
window.scrollTo()
Я научился реализовывать их в своих HTML-элементах и начал запускать функции в своих проектах — действительно очень круто.
2. Опишите разницу между файлом cookie, sessionStorage и localStorage.
Локальное хранилище:
Веб-хранилище можно упрощенно рассматривать как улучшение файлов cookie, обеспечивающее гораздо большую емкость хранилища. Доступный размер составляет 5 МБ, что значительно больше места для работы, чем обычный файл cookie размером 4 КБ.
Данные не отправляются обратно на сервер для каждого HTTP-запроса (HTML, изображения, JavaScript, CSS и т. д.), что снижает объем трафика между клиентом и сервером.
Данные, хранящиеся в localStorage, сохраняются до тех пор, пока не будут удалены явным образом. Внесенные изменения сохраняются и доступны для всех текущих и будущих посещений сайта.
Он работает на политике того же происхождения. Таким образом, сохраненные данные будут доступны только в том же источнике.
Файлы cookie:
Мы можем установить время истечения срока действия для каждого файла cookie.
Ограничение в 4 КБ распространяется на весь файл cookie, включая имя, значение, дату истечения срока действия и т. д. Для поддержки большинства браузеров размер имени не должен превышать 4000 байт, а общий размер файла cookie — не более 4093 байт.
Данные отправляются обратно на сервер для каждого HTTP-запроса (HTML, изображения, JavaScript, CSS и т. д.), что увеличивает объем трафика между клиентом и сервером.
Хранилище сеансов:
Это похоже на локальное хранилище.
Изменения доступны только для каждого окна (или вкладки в таких браузерах, как Chrome и Firefox). Внесенные изменения сохраняются и доступны для текущей страницы, а также для будущих посещений сайта в том же окне. После закрытия окна хранилище удаляется
Данные доступны только внутри того окна/вкладки, в котором они были заданы.
Данные не являются постоянными, то есть они будут потеряны после закрытия окна/вкладки. Как и localStorage, он работает с политикой того же источника. Таким образом, сохраненные данные будут доступны только в том же источнике.
Ссылка: https://www.quora.com/What-is-the-difference-between-sessionstorage-localstorage-and-Cookies
3. На что следует обратить внимание при проектировании или разработке многоязычных сайтов?
hreflang
атрибут в ссылке
dir
атрибут, указывающий направление языка, напримерrtl
<meta charset='UTF-8'>
font-size
для:lang({language_code})
селекторов в CSS
разница в длине слова для каждого языка
4. Как вы обслуживаете страницу с контентом на нескольких языках?
Чтобы обслуживать страницу с контентом на нескольких языках, нужно выполнить четыре шага:
1. У вас должны быть переведенные/локализованные страницы на сервере для каждого языка, который вы собираетесь поддерживать.
2. Ваш сервер должен распознавать языковой запрос браузера.
3. Вы должны тщательно называть файлы для локализованных страницы, чтобы у сервера был систематический способ их обнаружения.
4. Вам нужен метод для обслуживания общей страницы, когда у вас нет запрошенного языка.
Ссылка: http://www.pro-tekconsulting.com/blog/how-do-you-serve-a-page-with-content-in-multiple-languages/