Резюме внешнего интерфейса Alibaba Hema

интервью

Подведение итогов весеннего набора

Я помню, когда я был тогда второкурсником, я видел, как старшие и старшие в лаборатории были заняты разными весенними наборами.Некоторые из них получали предложения от крупных компаний, а некоторые все еще боролись за собеседования.На самом деле, я очень нервничал. Какой же это был бы уровень, когда я был студентом, поэтому с окончанием зимних каникул в 2019 году я начал готовиться к собеседованию со второго семестра второкурсника:

Сводка знаний

В то время не было никакого направления, и эффект от чистящих вопросов на Niuke.com не был особенно хорошим. Позже пошел с одной из лабораторийАли КлаудУ меня был долгосрочный обмен, и постепенно я разобрался с некоторыми методами обучения. В апреле я начал делать свой личный блог-сайт,И по стеку передовых технологий в сочетании с опытом других на Niuke.com начал систематически перебирать систему знаний, регулярно и количественно писать сводные блоги.. Не забывайте время от времени до августа-сентября добавлять знания о внешнем интерфейсе и структуре данных. (Также спасибо за это прекрасное лето, ха-ха)

какой-то реальный бой

После этого, когда я был на третьем курсе и в последнем семестре, я начал искать ежедневные стажировки. В октябре мне повезло. Я попал на собеседования к Диди, Мейтуану и Доуину. На вторую сторону попала только Диди, а другие были всеодна сторона висит😂. После собеседования я всегда спрашивал у интервьюера, какие у меня недостатки и как их исправить.Продолжайте укреплять фундамент, погружаясь в оптимизацию собственных проектов, и обновляйте сводку знаний по инженерии в блоге до февраля 2020 года..

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

отражение

На самом деле, во время интервьюво-первых, основу необходимо многократно пересматривать в соответствии с системой, чтобы сформировать собственное системное дерево, поэтому, когда интервьюер спрашивает основу под другим углом, вы должны убедиться, что можете решить ее гибко.второй,это проект.На самом деле я согласен с некоторыми людьми.Я не рекомендую вам делать какие-то проекты веб-сайтов,такие как Taobao и Ele.me.Потому что в нем нет собственного мышления,проект может быть разным,но проект Основные моменты, которые я подытожил:Есть ли в этом проекте свое личное мышление, какой технической глубины и технической широты он достиг? Есть ли сотрудничество между несколькими людьми в этом проекте? Какие инженерные проблемы возникли во время сотрудничества? Как их решить? Каковы отзывы пользователей?.

Это все тесты общего качества инженера.Там более 80% способностей.Я лично считаю,что обязательно сможет войти.Али стажировкаиз.

Али интервью

В отделе Alibaba Hema больше всего собеседований и самая продолжительная средняя продолжительность собеседования, весь процесс длился более месяца, и было около 5-6 раундов технических собеседований. Отбор стажеров, принятых на работу в школу, очень строг, и я также потратил месяц на написание этого интервью.

Одна сторона (2020 3.6)

Я отправил свое резюме накануне вечером, а на следующий день мне позвонили и пригласили на собеседование.

  1. Пожалуйста, сначала представьтесь

  2. Вопрос сценария. Каковы наиболее часто используемые методы отправки форм? Какие процессы происходят на прикладном уровне и на коммуникационном уровне?

  3. Разница между post и get, list

  4. общий код ответа http, который является отказом в обслуживании ресурса (403)

  5. Поговорите о том, как эта система оценивает механизм (внешняя аутентификация)

  6. Вы только что сказали трехсторонний OAuth, расскажите о внутреннем принципе

  7. Разговор о внутреннем принципе https, процессе рукопожатия ssl

  8. Зачем использовать асимметричные ключи, pms? Что случилось с открытым ключом?

  9. Давайте поговорим об адаптивных макетах, не так ли?

  10. Вы знаете принцип отзывчивости браузера? (многого не знаю)

  11. Повернуть анимацию css, как это сделать? (анимация + поворот)

  12. Поговорим о принципах dom tree и cssom tree

  13. Почему ссылка должна быть впереди, а тег script должен быть сзади? принцип

  14. Вопрос сценария: чтобы браузер не подвергался злонамеренной атаке со стороны скриптов (атака xss, решение)

  15. Что делать, если вы хотите отображать скрипты внутри своего текстового редактора? (Я не уверен, я скажу столько, сколько смогу)

  16. Вопрос сценария: promise.resolve.then и setTimeout (для цикла событий цикла событий)

  17. Расскажите о реализации async и await в es5 (я сказал как можно больше)

  18. Вопрос сценария: есть подклассы кошек и животных и родительские классы, как осуществить наследование es5, по крайней мере, 5 видов.

  19. Расскажите об оптимизации первого экрана Vue spa, выполненной вашим проектом (внедрение по запросу, отложенная маршрутизация загрузки, сжатие gzip, закрытие некоторых плагинов...)

  20. Расскажите об оптимизации упаковки и построения webpack в реальных проектах

  21. Вопрос сценария алгоритма: система счисления, включая строковые ключевые слова, как эффективно искать ее? (балабала сказал какие-то свои взгляды, алгоритм lz77, а потом пролистал книгу алгоритмов, надо совместить с деревом B)

Одна сторона добавлена ​​сторона (2020 3.7)

Вопрос по программированию: пожалуйста, используйте функцию js, чтобы написать текстовый редактор, который преобразует уценку в html. (2 часа)

Алгоритм Вопрос: Найдите в строке длину наибольшей прерывистой подстроки.

Одна сторона оценила хорошо, интервьюер балабала... (дайте мне совет)

Две стороны (2020 3.9)

  1. Пожалуйста, представьтесь, проект, который вы делали в школе

  2. Расскажите мне о внедрении вашего element-ui по требованию

  3. Подскажите, что именно делает оптимизация упаковки webpack? Зачем ты это делаешь? (DLllplugin, счастливый пакет)

  4. Вы использовали плагин prerender-spa-plugin? Давайте будем конкретными

  5. Делали ли вы SEO-оптимизацию? Давайте будем конкретными

  6. Последующие действия: каков ваш SEO-рейтинг? (нет прогресса 😂)

  7. Я помню, что NUXT.js также может выполнять рендеринг и поисковую оптимизацию, верно? Вы знаете ССР?

  8. Вы когда-нибудь сталкивались со сложным бизнес-сценарием в Mini Program? (Говорилось, что ленивая загрузка списка данных решает проблему оптимизации setData)

  9. Вы знаете структуру апплета? Хочешь сказать несколько?

  10. О каких передовых технологиях вы узнали? (Vue3.0, Flutter, бессерверный, машинописный)

  11. Расскажите о двусторонней привязке данных Vue3.0 и 2.x (object.definePorperty и Proxy).

  12. Расскажите об интересующем вас фронтенд-направлении (кросс-энд решение Flutter, React Native...)

  13. Один интервьюер сказал, что с вами все в порядке, тогда я перестану задавать вам элементарные вопросы.

Что ты скажешь обо мне: балабалабала

Три стороны (сторона лидера)

Я уже общался с руководителем фронтенда Hema на WeChat и узнал о некоторых новых взглядах Alibaba на розничную торговлю.

  1. Сначала представьтесь

  2. Расскажите о своем личном блоге и сделанном вами апплете

  3. Вы только что говорили о техническом уровне, а на функциональном уровне никаких инноваций нет?

  4. Вы сейчас работаете над какими-то новыми проектами?

  5. Мне плевать ни на технический уровень, ни на функциональный уровень, кроме этой функции никаких нововведений нет? (Внезапно потерял дар речи..)

  6. Есть такой функциональный сценарий, учитель случайным образом называет учеников, которые не пришли на занятие, вероятность быть нарисованными сильно возрастет, как это сделать?

  7. Существует также функциональный сценарий, как ваша система блогов делится статьями?

  8. Так же есть функциональный сценарий, можете ли вы создать платформу для отправки заданий онлайн, чтобы учителя могли не только получать задания, но и отмечать задания на платформе? Расскажите о конкретной технической реализации. . .

  9. Мой вопрос окончен, у вас еще есть другие отделы? балабала

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

Сказал, что позже будет интервью уровня P9/(ㄒoㄒ)/~~

Четыре стороны (техническая финальная сторона)

Была открыта официальная система школьного набора, и было выбрано приглашение от Хемы. Си Фан звонил днем ​​23 марта, и акцент звучал как у северянина. Увидев мое резюме, закидали вопросами:

  1. Сначала представьтесь и расскажите о своих самых успешных проектах.

  2. Расскажите подробно о первой оптимизации экрана Vue, конкретных технических моментах.

  3. Есть ли количественный рейтинг для оптимизации? Скажи сколько? Как это сделать?

  4. Возникает вопрос, как определить, какой метод играет наиболее важную роль в оптимизации всего рендеринга над кратным сгибом?

  5. Давайте теперь вернемся назад, можете ли вы подробно рассказать об общей оптимизации блога в соответствии с модулем процесса разработки программного обеспечения? Оптимизация производительности во всех аспектах? (дизайн, кодирование, упаковка и развертывание, онлайн-опыт ... сказал часть)

  6. Может ли пре-рендеринг prerender-spa-plugin подробно объяснить?

  7. Вы понимаете принцип, так какое особое влияние оказало введение этого плагина для пререндеринга на архитектуру всего проекта? (Говоря о конфликтах маршрутизации)

  8. Как вы планируете улучшить пользовательский опыт после запуска?

  9. Функциональный уровень такой, можем ли мы говорить о техническом уровне?

  10. Ленивая загрузка списка данных хорошая поговорка, есть такой сценарий, вы отправляете новую статью, а пользователь листает ваш блог, как вы даете пользователю просматривать вашу новую статью через определенное событие=, а не через Обновлять страницу целиком или динамически?

  11. Вернемся к оптимизации производительности проекта прямо сейчас? Когда вы решаете вышеизложенное, на каждом этапе сетевого взаимодействия, какой этап является местом с наибольшими потерями производительности и что изменилось после оптимизации? Как решить?

  12. Как сделать SEO, поговорим о технических деталях

  13. Проводили ли вы количественную статистику по своим группам пользователей? Расскажите нам, какие идеи у вас есть и как эффективно использовать эти данные?

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

  15. Если по прошествии длительного времени кто-то спросит вас, как создать высокопроизводительную страницу блога, какой логике вы будете следовать, чтобы проанализировать с ним эти фрагментарные и сложные оптимизации производительности?

  16. Что ж, проект по ведению блога — это просто ваше личное исследование технологий. Есть ли у вас в школе какие-нибудь настоящие проекты, в которых действительно есть пользователи? Скажите мне

  17. Описание функции очень подробное.Здесь есть проблема.Как мы все знаем,QR-код имеет определенную своевременность и может распространяться.Как предотвратить тех студентов,которые не пришли сканировать QR-код? расскажи метод

  18. Для студентов, которые не пришли, вы бы взяли этот единый план? Есть ли еще что-нибудь?

  19. Расскажите о коллективе вашей проектной команды, как происходит разделение труда?

  20. Какую роль вы сыграли в функциональном построении проекта этой командой?

  21. Вы только что говорили о разделении фронта и бэкенда.Расскажите, как вы и ваши одноклассники за кулисами реализуете разделение фронта и бекенда?

  22. Что касается интерфейса данных в фоновом режиме, часто возникают некоторые различия.Как ваша команда разрешила такие различия и есть ли способ улучшить взаимодействие между командами?

  23. Каково текущее количество пользователей этого апплета? Как насчет повседневной жизни?

  24. Точно так же как обстоят дела с оптимизацией производительности этого апплета?

  25. Ваше будущее развитие интерфейса? И ваши дальнейшие карьерные планы?

  26. Какой опыт вы надеетесь получить от Али? Чему вы надеетесь научиться у Али?

  27. Это в Ханчжоу, так что удобно прийти сюда позже, верно?

  28. Я закончил со своими вопросами, в чем твоя проблема?

  29. Условно ваша оценка мне: ладно, в группе свежих выпускников у вас уже есть грамотность инженера и определенный опыт разработки, но оптимизация производительности — это бесконечный процесс, и вы должны постоянно стремиться к совершенству. . . . .

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

Пять сторон (перекресток P9)

Вечером 25 марта интервьюер был настроен серьезнее и задавал углубленные вопросы, времени было не много минут 30, но и вопросы были относительно широкие. . .

  1. Пожалуйста, сначала представьтесь

  2. Расскажите о своем самом успешном проекте

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

  4. Подробно, какие оптимизации производительности вы сделали?

  5. Это так много? Вы провели количественную оценку эффекта?

  6. Рассматриваете ли вы количественную оценку отдельно для FP, FCP, FMP и TTI на первом экране?

  7. Кстати, а как вы через код анализируете время FCP первого экрана?

  8. Кроме этих, нет ли дальнейшей оптимизации?

  9. Каков принцип пререндера?

  10. Насколько количественная ссылка на общее улучшение производительности привносится введением такого плагина? Вы проводили исследования?

  11. Расскажите о проектах, которые у вас есть с реальным количеством пользователей?

  12. Этот апплет уже в сети, верно? Проводила ли ваша команда исследование поведения пользователей в отношении этого апплета?

  13. Я хочу знать, есть ли в программе код для автоматического анализа поведения пользователя?

  14. Я вижу, вы понимаете Vue, вы узнали что-нибудь о React? Систематически объясняйте разницу между двумя

  15. Как Vue анализирует шаблоны шаблонов и в чем разница между двумя алгоритмами сравнения? ?

  16. Описать подробно виды анимаций на фронтенде?

  17. Вы знали о холсте? К каким сценариям он применим?

  18. Каково ваше мнение о передовых передовых технологиях?

  19. Вы только что говорили о флаттере, можете ли вы рассказать о языке Dart?

  20. Делал ли React Native когда-нибудь проект?

  21. Чему вы надеетесь научиться и вырасти в Али в будущем?

  22. Мой вопрос окончен, в чем твоя проблема?

Моя оценка: я не буду давать вам оценку первой. Я говорю, присылайте вам свои предложения, продолжайте исследовать, оставайтесь любопытными и старайтесь делать проекты с использованием самых передовых технологий. Знания переднего плана очень широки, и нужно дальше узнавать об этом.Впринципе знания балабала. . . . (Наконец-то) Я думаю, ты все еще хорош, давай. . . .

Позже лидер отправил WeChat, кроссовер прошел гладко, а остальное — HR.

HR сторона

Я не буду писать это хахаха. . . .

Письмо о намерениях (2020 4.18)