Академия кодирования Остина, день 13

  1. Опишите одну вещь, которую вы узнали сегодня на уроке.

Сегодня все было посвящено манипулированию 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

разница в длине слова для каждого языка

Ссылка: https://github.com/utatti/Front-end-Developer-Interview-Questions-And-Answers/blob/master/answers/html-questions.md

4. Как вы обслуживаете страницу с контентом на нескольких языках?

Чтобы обслуживать страницу с контентом на нескольких языках, нужно выполнить четыре шага:

1. У вас должны быть переведенные/локализованные страницы на сервере для каждого языка, который вы собираетесь поддерживать.
2. Ваш сервер должен распознавать языковой запрос браузера.
3. Вы должны тщательно называть файлы для локализованных страницы, чтобы у сервера был систематический способ их обнаружения.
4. Вам нужен метод для обслуживания общей страницы, когда у вас нет запрошенного языка.

Ссылка: http://www.pro-tekconsulting.com/blog/how-do-you-serve-a-page-with-content-in-multiple-languages/