Небольшая подборка вопросов для фронтенд-интервью

Vuex на самом деле является специализацией Flux для Vue, в основном для взаимодействия с механизмом реагирования самого Vue. Конечно, он поглощает некоторые функции Redux, такие как дерево с одним состоянием и API для легкого тестирования и горячей перезагрузки, но также выборочно отказывается от некоторых функций, не подходящих для сценариев Vue, таких как обязательная неизменность (которая гарантирует, что каждый раз, когда изменение состояния можно отследить, преимущества принудительной неизменяемости очень ограничены), более громоздкий API, предназначенный для изоморфизма, и необходимо полагаться на стороннюю библиотеку для относительно эффективного получения локального состояния дерева состояний и т. д. и т. д. (Напротив, Vuex может напрямую использовать вычисляемые свойства самого Vue).

Так что Vue + Vuex будет лаконичнее, и не нужно будет рассматривать вопросы производительности — цена в том, что Vuex может работать только с Vue. Vue + Redux не является невозможным, но Redux как общая реализация и Vue определенно не так хороши, как Vuex.

Назовите все веса селекторов, которые вы знаете?

важно > встроенный > идентификатор > класс > метка | псевдокласс | выбор свойства > псевдообъект > наследование > подстановочный знак

Расскажите мне обо всех элементах псевдокласса, которые вы знаете? (знаю, как много сказать)

LVHA (LV Ha, простой), Focus, Before, After, Checked, Disabled, Last-Child, First-Child..., в списке нет ничего.

Вы знаете селектор родитель-потомок и родственный селектор.

отец и сын > , брат +

Что такое встроенные элементы и элементы блочного уровня? В чем разница?

Не знаю, детская обувь идтипередний

Вы понимаете коробочную модель?

Должен спросить, не более двух значений вокруг нового свойства css3 box-sizing content-box и border-box.

Все новые возможности html5? И совместимость соответствующих атрибутов (умеете много говорить)

Для совместимости с браузерами полезно знать некоторые распространенные API, но запомнить их все невозможно. Совместимость, как холст, все еще нужно знать.

Реализуйте трехколоночный макет, левый и правый фиксированную ширину, средний отзывчивый. Совместимость максимально хорошая.

Обычный макет с двумя столбцами и реализация макета с тремя столбцами должны быть известны, и лучше всего знать 2-3 метода реализации. И вам также нужно знать о совместимости, например, если вы используете flex, он будет совместим с IE10+.

Понимание БФС. Какая ситуация будет генерировать BFC.

Должен спросить. При каких обстоятельствах может возникнуть BFC, как с этим бороться и так далее.

Какие новые функции ES6 вы знаете?

Здесь следует отметить, что для некоторых часто используемых API необходимо знать базовую реализацию. Например, вы часто используете обещания и то, как реализованы связанные с ними библиотеки, такие как bluebird.

Все, что вы знаете о внешней безопасности? Как предотвратить? Как проверить?

Фронтенд-безопасность XSS, CSRF, SQL-инъекция. Какие сценарии могут привести к этим проблемам. Методы профилактики и тестирования, методы тестирования менее востребованы.

Вы знаете код состояния http?

Должен спросить. Должны быть известны общие коды состояния и описания. 200, 204, 206, 301, 302, 304, 307, 400, 401, 403, 404, 500, 503

По-прежнему необходимо знать, как генерируется ошибка 304.

Вы понимаете куки? В чем разница с сессией? Каковы поля заголовка для настройки файлов cookie в http?

Проверьте сами первые два вопроса, это относительно просто. Поля заголовка включают Cookie и Set-Cookie.

Вы знаете заголовки http?

Общие поля заголовка, поля заголовка запроса, поля заголовка ответа. Это слишком много, и обычно используются какие-то привычные.

Дата, Обновление, Подключение, Авторизация, Принять, Принять кодировку, Хост, От, Реферер, Местоположение...

Рекомендуется прочитать иллюстрированный HTTP.

Заголовки, связанные с кешем?

Разделенные на сильные кеши, договориться о кеше, чтобы запомнить просто.

рекомендоватьСообщение блога

Вы знаете все алгоритмы сортировки? Рукописный алгоритм быстрой сортировки.

Внешний интерфейс все еще хорошо знаком с основными структурами данных и алгоритмами. Это тоже часто спрашивают.

Запишите все известные вам команды git.

Командная работа, инструменты управления версиями.

Реализуйте функцию привязки в ES3.

Часто встречаются похожие на принципы этого API, такие как новый процесс, реализация Object.create и реализация функции curry. рекомендоватьПодробный сериал Сае Ю

Как js реализует наследование.

Цепочка прототипов, наследование реализации js и другие подобные базовые вопросы являются обязательными. Рекомендуется прочитать этоПодробный сериал Сае Ю, вся серия имеет более глубокую концепцию после прочтения.

Используйте обещания для имитации решения проблемы вложенности многоуровневых обратных вызовов.

Проблема решения сценария. Частота применения этого метода по-прежнему очень высока. Подобно тому, как vue обрабатывает массивные данные без подкачки.

Инструменты, используемые для нормальной разработки.

Некоторые часто используемые инструменты во внешнем интерфейсе, такие как захват пакетов, wireshark, fiddler, инструменты кодирования vscode, возвышенное, инструменты отладки, консоль браузера и т. д., webpack, gulp и т. д. Необходимо понять принцип работы веб-пакета.

Процесс разработки проекта. Какие есть более сложные трудности в проекте. как это решить. Нет точки оптимизации.

Играйте свободно и сосредоточьтесь на своих областях знаний.

Обращаете ли вы внимание на шаблоны проектирования во время разработки? Расскажите об известном вам шаблоне проектирования.

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

напиши в конце

Есть и другие проблемы, которые здесь не перечислены. Для некоторых навыков, необходимых для должности, такие вопросы могут быть определены в соответствии с требованиями к должности. Например, бизнес QQ WeChat компании JD.com предъявляет высокие требования к производительности, и необходимо разбираться в технологиях, связанных с CDN. Одно и то же резюме не должно быть отправлено за границу.В соответствии с требованиями каждой позиции, соответствующие ключевые слова могут быть изменены, чтобы улучшить шансы на собеседование.Если есть возможность собеседования, все возможно.

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

Поиск работы — мучительный процесс, с неудачами и ударами, ну и, конечно, выигрыши неизбежны. Я надеюсь, что каждый соискатель может получить хорошее предложение!