предисловие

У меня есть два года опыта, и теперь я принял главное предложение. В прошлом месяце я провел собеседования со многими крупными фабриками, и результаты были неплохими, и в конце концов я выбрал Toutiao. Если у вас есть вопросы, вы можете добавить WeChat в конце статьи, давайте общаться вместе!

Эта статья представляет собой резюме вопросов интервью.Собеседования Дачана в основном трехсторонние + HR-лица.Поэтому я буду классифицировать вопросы интервью в соответствии с каждым этапом интервью и обобщать опыт собеседования. Добро пожаловать, чтобы собирать и следовать ~

текст

одна сторона

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

• Основы JS
• Основы CSS
• Сетевой уровень
• Общий стек технологий

Основы JS

1. Цикл for и forEach, какая производительность будет лучше
2. Разница между let, const и var [Задайте вопрос, проанализируйте, о каких ошибках сообщается]
3. Каковы основные типы данных JS
4. Что такое Symbol и каковы его сценарии использования
5. Какие есть методы у прототипа массива, которые могут изменять массив, а какие нет?
6. Как преобразовать массивоподобный объект, каков общий принцип
7. Разница между картой и слабой картой
8. Вы понимаете объем JS, когда формируется объем функции?
9. Что такое замыкание, что оно делает и как оно работает
10. В виде примера расскажите о цепочке прототипов JS
11. как реализовать новый
12. Расскажите о методе наследования JS.
13. Что такое стрелочная функция и чем она отличается от обычной функции
14. Смысл в этом [через просмотр темы, изложите результаты, объясните причины]
15. Как итерировать объект, для.. таким образом, как вынуть собственные свойства объекта
16. Object.assign это мелкая копия или глубокая копия
17. Как реализовать глубокую копию
18. Что такое Promise, как его реализовать, Promise.then, как Promise.race реализует
19. Что такое защита от сотрясений, что такое дросселирование и как добиться защиты от сотрясений
20. Опишите цикл событий, будет ли этот цикл продолжаться вечно, разницу между макро-задачами и микро-задачами [через письменные вопросы теста, изложите результаты и объясните причины]
21. Если в цикле событий, будут ли постоянно выполняться микрозадачи push?
22. Каковы этапы механизма событий браузера? Что делает третий параметр addEventListener?
23. Как реализовать время ожидания запроса

Основы CSS

1. Что такое блочная модель и как переключаться между разными блочными моделями
2. Приоритет стилей, как получить соседние элементы стиля
3. Что такое значения атрибута position и в чем между ними разница
4. Список решений по адаптации мобильных терминалов
5. Знаете ли вы макет flex, что такое главная ось, как управлять основной осью и второстепенной осью
6. Преимущества и недостатки Flex, как с помощью flex layout зафиксировать обе стороны и адаптироваться к середине, можно ли добиться другими способами одновременно
7. Как добиться горизонтального и вертикального центрирования
8. Как очистить поплавок, принцип очистки поплавка
9. Что такое BFC, что он делает и какое поведение вызывает BFC
10. Родительский элемент является плавающим, может ли дочерний элемент сформировать BFC, чтобы очистить плавание?
11. Как реализовать css анимацию
12. Зачем использовать преобразование для записи анимации, а не оставить для записи анимации
13. Разница между перекомпоновкой и перерисовкой, какое поведение вызовет перекомпоновку и какое поведение вызовет перерисовку
14. Знаете ли вы CSS3, какие свойства появились в CSS3?
15. Как решить проблему 1px [как можно больше]
16. Разница между less и css, вы поняли функцию less?

Сетевой уровень

1. Каков общий процесс ввода URL-адреса в браузере?
2. Описать процесс рендеринга страницы браузера
3. Что вызывает белый экран браузера
4. Разница между файлами cookie для хранения в браузере, localstorage и sessionStorage
5. Как устанавливается cookie и какие значения может изменить JS?
6. Описать кеширование браузера
7. Что такое коды состояния HTTP
8. Что содержит заголовок HTTP-запроса?
9. Какие есть способы решения междоменных
10. Описать принцип JSONP
11. Описать процесс CORS

Общий стек технологий

1. Некоторые различия между vue и react
2. Каков жизненный цикл vue
3. Вы поняли асинхронные компоненты vue?
4. Как реализована двусторонняя привязка данных vue, как это делает отзывчивость массива и преимущества прокси
5. Каковы инструкции vue, в чем разница между v-if и v-show
6. Разница между вычисляемыми свойствами и прослушиваемыми свойствами
7. В чем разница между виртуальным DOM vue и реакцией
8. Опишите алгоритм разных Vue
9. Какова функция клавиши после v-for
10. Что такое компонентная коммуникация Vue
11. Как реализована поддержка активности
12. Как реализовать хеш-маршрут
13. Каковы два способа vueRouter и в чем разница?
14. Вы понимаете защиту маршрутизации vueRouter?
15. Знаете ли вы новые функции vue3.0?
16. Каков механизм setState React
17. Описать жизненный цикл React
18. Описать промежуточный принцип редукции
19. Как redux выполняет асинхронную обработку
20. Разница между редуксом и два
21. В чем разница между загрузчиком webpack и плагинами и как webpack использует плагины
22. Описать принцип однослойного рендеринга апплета
23. Разница между bindtap и catchtap апплета
24. Что такое связь апплета
25. Насколько велики данные setData апплета и как их решить
26. Как реализовать управление данными и мониторинг поведения пользователей

вопросы по программированию

1. Реализуйте метод суммы [sum(1, 2, 3)(4), вызовы аналогичны sum(1, 2)(3, 4)] и console.log(sum(1, 2, 3)(4) = > // вывод 10
2. Дан массив, который сначала увеличивается, а затем убывает, найти в нем максимальное значение
3. Способ реализации дедупликации массива [напишите как можно больше]
4. Реализовать регулярное выражение (соответствовать URL-ссылкам)
5. Как реализовать трапецию с помощью CSS, а затем кликабельный круг
6. Всего человек задувает 253 свечи, сколько ему лет [год, две свечи, когда два года и так далее]
7. Как реализовать слияние двух отсортированных массивов, временная сложность O(n)

две стороны

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

основная часть

1. Что такое коды состояния HTTP
2. Разница между HTTP1.1/HTTP2.0
3. Описать кеширование браузера
4. Разница между куки и сессиями
5. Опишите xss и csrf, как предотвратить
6. Принцип тайм-аута запроса
7. Описывать процессы и потоки
8. Причины утечек памяти узлов
9. Понять принцип миграции vue в апплет
10. Принцип реализации виртуального списка
11. Схема реализации скелетной диаграммы
12. Преимущества хуков React
13. Как реализовано синхронное управление состоянием и асинхронное управление состоянием Dva
14. Описать принцип nextTick vue
15. Распространенные плагины для webpack и разница между dev и product
16. принцип упаковки webpack
17. Как обрабатывать связь между страницами апплета
18. Разница между компонентами веб-просмотра и нативными компонентами

оптимизация производительности

1. Оптимизация производительности мобильного терминала [с точки зрения того, что я сделал]
2. Как оптимизировать производительность веб-пакета
3. Как оптимизировать загрузку выше сгиба
4. Как вы обычно оптимизируете производительность части апплета?

вопросы по программированию

1. Напишите 3 схемы горизонтального и вертикального центрирования
2. Рукописная реализация метода привязки
3. Реализация функции сна рукописного обещания
4. Реализация рукописного Promise.all
5. Задача алгоритма — найти самую длинную уникальную подстроку
6. Алгоритм Вопрос - Рассчитать возраст [Введите строку: гггг-мм-дд, рассчитайте возраст по текущему времени]

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

Три стороны

В трех аспектах обычно рассматриваются проекты, личное планирование и способность предоставлять технические решения. Трехстороннее расследование является более открытым, и каждый может ответить в соответствии со своей ситуацией. В то же время будут и письменные экзаменационные вопросы.

1. Расскажите о проекте, проблемах, возникших в проекте, и способах их решения
2. Оглядываясь назад, можно ли что-то улучшить в проекте?
3. Как оптимизировать производительность
4. Какой технический вклад вы внесли в компанию?
5. Каков ваш самый большой рост в вашей первоначальной компании?
6. Как вы думаете, что можно улучшить в процессе разработки оригинальной компании?
7. Комментарии к коду, деструктуризация массива, общие идеи, как инкапсулировать функции, как использовать шаблоны проектирования, как отлаживать свой код
8. Надеюсь, что компания может предоставить вам то, что
9. Каковы ваши будущие карьерные планы?
10. Как ты обычно учишься
11. Что вы сейчас изучаете [ответьте внимательно, это продолжение интервью]
12. В чем причина ухода

вопросы по программированию

1. Вопросы по алгоритму — реализация бинарного поиска
2. Реализовать асинхронный запрос кэша [проверить параллелизм]
3. Вопрос алгоритма - {}[]() три решения закрыты

часовая поверхность

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

1. Почему вы ушли и какое впечатление произвела на вас последняя компания
2. Каковы ваши сильные и слабые стороны [обычно позволяют вам объяснить на конкретных случаях]
3. Какой ты человек в глазах окружающих
4. Каковы ваши планы на будущее
5. Какова ваша ожидаемая зарплата