Вопросы для фронтенд-интервью (постоянно обновляются)

в html, ul имеет значение заполнения по умолчанию в mozilia, а значение имеет только margin в IE.
В блочной модели мы часто используем свойство, называемое box-sizing, которое запускает отдельную страницу, что также является частой проблемой для первого лица.

порядок понимания

box-sizing: content-box|border-box|inherit
поле содержимого по умолчанию, общая ширина = поле + граница + отступ + ширина
border-box: ширина = граница + отступ + содержимое, заданное в css, тогда общая ширина = поле + ширина обычно составляет 100% ширины поля, и вы хотите иметь внутреннее пространство с обеих сторон
Наследовать: Излишне говорить, что это наследство

Прогрессивное улучшение против изящной деградации

Прогрессивное улучшение: низкоуровневые браузеры реализуют базовые функции, а продвинутые браузеры реализуют взаимодействие и эффекты для повышения удобства работы.
Изящная деградация: реализовать полную функциональность в высокоуровневых браузерах, а затем взломать низкоуровневые браузеры, чтобы низкоуровневые браузеры могли нормально работать.
Эти два вызваны разными версиями поддержки браузерами css3.

Весь процесс завершения загрузки страницы url->

1. Браузер запрашивает IP-адрес, соответствующий доменному имени
2. Браузер устанавливает сокетное соединение с сервером в соответствии с IP-адресом
3. Браузер общается с сервером: браузер запрашивает, сервер обрабатывает запрос
4. Браузер отключается от сервера
Этого контента слишком много, я напишу в блоге, чтобы объяснить это, но этих ответов достаточно для интервью.

js-компонент

1. ECMAScript определяет свойства, методы и объекты скриптового языка.
2. Тип объекта документа (DOM): спланируйте всю страницу как документ, состоящий из уровней узлов.
3. Объектная модель браузера (BOM): обрабатывает широкие порты и фреймы браузера.

Как получить доступ через домены

1. jsonp междоменный доступ
2, window.name для междоменного
3. Метод window.postMessage в html5
4. Добавьте источник в информацию заголовка http
В своем блоге я специально рассказал о двух наиболее часто используемых методах междоменных запросов jsonp и origin.

js для оценки массива

return Object.prototype.toString.call(arg) === '[object Array]'

строгий режим

Как использовать: войдите в «строгий режим», чтобы войти в строгий режим, синтаксис стал строже, безопаснее, а скорость работы повышена.
1. Объявление отображения глобальной переменной
2. Статическая привязка: Объект, которому принадлежат свойства и методы, определяется на этапе компиляции.
3. Усиленные меры безопасности: ① запретить этому указывать на глобальный объект ② запретить обход стека вызовов внутри функции
4. Запрещено удалять переменные, если только объект не создан с параметром configurable=true
5. Ошибка отображения: Для свойства только для чтения объекта назначается только объект геттера, и добавление нового свойства к объекту, расширение которого запрещено, сообщит об ошибке
6. Ошибка повторяющегося имени: объекты не могут иметь параметры с одинаковыми именами, а функции не могут иметь параметры с одинаковыми именами
7. Запретить восьмеричное представление
8 запрещенных аргументов присвоение, не отслеживает изменение параметров, запрещает использование arguments.callee
9, функция должна быть объявлена ​​на верхнем уровне
10. Добавлены зарезервированные слова

Преимущества и недостатки ajax

Преимущества: снижение нагрузки на сервер, выборка данных по запросу, минимизация избыточных запросов и частичное обновление.
Минусы: различия между браузерами, плохая поддержка потоковой передачи и мобильных устройств.

В чем разница между HTML, XML и XHTML

html: язык разметки гипертекста, отображение информации, без учета регистра.
xhtml: обновленная версия html, чувствительная к регистру
xml: для передачи и хранения данных используется расширяемый язык разметки.

HTML-семантика

Интуитивно распознавать роль тегов и атрибутов для удобства чтения и обслуживания

Разделение содержания и стиля

Может обеспечить плавную деградацию веб-страниц и простоту обслуживания

Использование метатегов

meta name="keyword" сообщает поисковым системам ключевое слово страницы
meta name="description" сообщает поисковым системам, о чем сайт
mata name="автор" content="название" производство сайта ищет
meta name="viewport" content="width=device-width, initial-scale=1.0"
Адаптивная страница

Роль заявления о документации

Сообщите синтаксическому анализатору браузера, какую спецификацию необходимо использовать для анализа документа.

Строгий режим и неразборчивый режим

Строгий режим: браузер отображает страницу по самым высоким стандартам.
Неразборчивый режим: страница отображается в более свободном обратно совместимом виде.

Роль

Используйте стандарт html5 для синтаксического анализа и отображения страницы и введите неразборчивый режим, если он не написан

Общие ядра браузера

IE 用的是trident
firefox Gecko
opera Blink
safari Chrome webkit

В чем разница между использованием link и @import, когда страница импортирует стили

Когда страница загружается, ссылка загружается одновременно, и @import загружается после загрузки страницы.

Понимание ядра браузера

Движок рендеринга и JS-движок
Механизм рендеринга: отвечает за получение содержимого веб-страницы, организацию информации и расчет метода отображения веб-страницы.
Движок JS: анализируйте и выполняйте js для достижения динамических эффектов веб-страниц.

Мой гитхаб, ваше внимание - движущая сила для меня, чтобы продолжать двигаться впередGitHub.com/Чен Бо/и…