Create by jsliang on 2019-2-27 18:51:26
Recently revised in 2019-3-3 14:42:54
Привет, друзья, если вы считаете, что эта статья неплохая, не забудьте нажать на библиотеку документов jsliang.star, ВашstarЭто моя мотивация научиться подбрасывать!Адрес GitHub
【2019-08-16】Привет друзья, потому чтоjsliangБиблиотека документации подверглась рефакторингу, некоторые ссылки на эту статью могут быть битыми, иjsliangУ меня нет сил поддерживать старые статьи на стороне Nuggets, извините за это. Для тех, кому нужно получать последние статьи, щелкните адрес GitHub выше и перейдите в библиотеку документов, чтобы просмотреть скорректированные статьи.
Дело не в том, что по дороге можно бегать только в определенные сезоны, просто потому, что люди много бегают, дорога устоялась.
Золото, три серебра, четыре сезона,jsliangЯ тоже попробовал волну, а потом написал эту статью.
Будет второй раунд и сводка финальных вопросов интервью.Друзья могут следить за мной на Nuggets и GitHub~
каталог
Чем отличается передок, который не подбрасывает, от соленой рыбы?
2 Предисловие
Пожалуйста, подготовьте свое резюме в любое время, будь то из-за плохой интернет-экономики и предстоящих увольнений, или из-за внутренней борьбы в компании, вы хотите сменить работу, или потому, что вы устали от всего в настоящее время... Только обновить себя в любое время, подготовьте свое резюме, только тогда вы знаете, когда работает лучший вариант.
- время: 2019-2-27
- Место: Гуанчжоу
- Годы: Опыт работы от года
- Требования заработной платы: 9К - 15К
- Показы: Один утром, один днем
- впечатление: Очень устал, но чувствую себя очень мотивированным: "Нет ничего, что нельзя было бы решить одному, если есть, то бегом к другому!"
три утра 10:00
- Размер компании: 5000+ сотрудников
- промышленность: Электронная коммерция
-
Перед интервью: Я боялся пробок на линии 3 Гуанчжоу и думал, что эта работа должна быть хорошей, поэтому я вышел в 7 часов, прибыл к компании в 8 часов и прогулялся. поблизости много ресторанов, и это примерно в 5 минутах ходьбы от станции метро.Неплохо. Прогуливаясь до 9:20, поднявшись наверх, чтобы поприветствовать даму на стойке регистрации, я получил две формы: форму личной информации и форму теста личности (возможно, более крупные компании учитывают вашу личность, ведь команда разработала ее), я очень впечатлило Единственное, что в личностном тесте опечатка: "фирма" пишется как "оценка".
Может быть, я был более сосредоточен и видел все сразу, но пожаловаться мисс HR не решился, чтобы не производить плохого впечатления. - готов: Сдайте форму и ждите интервью.
3.1 Job Description
薪酬:10K - 15K
岗位职责:
1、独立完成公司中后台项目的前端开发
2、与后端开发一起,确定接口协议
3、独立完成接口文档的编写并组织评审
4、深入解析代码, 提升代码执行效率, 加强代码兼容性
5、对用户交互有深刻理解,能帮助产品优化交互体验
任职要求:
1、有2年以上前端开发经验
2、对各种Web前端技术(JavaScript,CSS,语义化标签等等)有深刻理解;
3、熟悉服务器端Web应用结构,有服务器端脚本语言经验更佳
4、熟悉WEB应用的MVC,MVVM结构
5、英文4级以上
应具备的知识与技能:
1、精通HTML5、CSS3等网页制作技术,熟悉页面架构和Flex布局;
2、精通JavaScript、Ajax等Web开发技术
3、熟练使用ES6,有Reactjs的使用经验;
4、熟练使用Git,Webpack等工具;
5、熟悉W3C标准,对表现与数据分离、Web语义化等有较为深刻的理解;
6、思路清晰,具备良好的沟通能力和团队协作精神,善于学习、总结,乐于分享。
3.2 Односторонняя технология — фронтенд-архитектор
Разговор такой:
- интервьюер:"Привет, я ***."
- я:"Привет."
- интервьюер: (читать резюме)
- интервьюер: "Это довольно хорошо, и есть высококлассный проект?"
- интервьюер: (включить телефон)
- интервьюер: "Сколько там аккаунтов, я могу их посмотреть?"
-
я: "Хорошо, учетная запись
LiangJunrong
, вы можете посмотреть, этот проект в основном используется мной для написания моей личной системы знаний о внешнем интерфейсе. " - интервьюер: «Тогда как вы позволили большему количеству людей узнать о вас?»
- я: «Я публиковал статьи о Nuggets, и если я считаю, что статья, написанная мной о Nuggets, приемлема, я также размещу ссылки на Nuggets на WeChat и QQ».
- интервьюер: «Можете ли вы представить, что, по вашему мнению, здесь самое впечатляющее?»
- я: "Что самое впечатляющее?"
- я:(считать)
- я: «Самый впечатляющий — это апплет WeChat, который касается адресной книги. В октябре 2018 года я написал апплет WeChat с телеком-резидентом, у которого есть контактный модуль, потому что апплет WeChat я написал, глядя на документ. и поискал информацию, так у контактного модуля вообще нет других плагинов, я сам написал.Реализация функции в работе устраивает руководителя, но после выхода на работу чувствую, что модификацию и дополнение можно дополнительно оптимизирован.①, Итак, подумав об этом, вы можете использовать метод дихотомии для изменения, добавления и перехода к соответствующей позиции. как сказать? То есть после того, как вы написали список, нажмите② …”
①: По поводу операции модификаций и новых добавлений, можно открыть свою когтеточку, попробовать модифицировать и добавить, должна ли страница прокручиваться до позиции после операции, а потом уже думать, как этого добиться, если это самостоятельно .
②: Для практики адресной книги WeChat см. статью【Странные навыки мини-программы WeChat】, который анализирует простые практики и виды оптимизации на протяжении всего процесса.
- ...В этой части все еще ведутся дискуссии между jsliang и интервьюером, которые слишком длинны, чтобы их здесь игнорировать...
- интервьюер: "Можете ли вы описать эту реализацию боковой панели?"
- я: «Предположим, мне нужно прыгнуть в корзину D (доинтервьюерЯ говорил о ведрах), значит, мне сначала нужно узнать, сколько у каждого ведер A, B и C, а потом сложить количество штук * высоту каждого куска, а также высоты букв A, B , и C, и, наконец, я хочу добавить их, чтобы получить позицию для прокрутки. И я сделал его совместимым, и он может прокручиваться до определенной позиции на iPhone 6 и iPhone X.③"
③: Что должно быть ясно, так это то, что в WXSS вы пишете 100rpx, а высота, отображаемая на iPhone 6 и iPhone X, несовместима. Необходимо получить фактическую высоту каждой полосы в соответствии с полученным соотношением устройства.
- интервьюер: "Сколько вы делаете в качестве небольшой программы?"
- я: "В случае с небольшими программами я делал это 2 месяца. Затем, в случае с Vue, я использовал Vue + Node + MongoDB для своего выпускного дизайна. Затем в ноябре я использовал Vue + ECharts, чтобы делать отчеты и показывать оперативные телекоммуникационные данные».
- интервьюер: «Можете ли вы рассказать нам о своем опыте работы с React?»
- я: (паника) (вынужден успокоиться) React в это время находился в штаб-квартире компании и нуждался в разработке новых проектов.Большой брат фронтенда сказал, что может рассмотреть возможность перехода на React-разработку. Но когда я был на полпути, меня перевели на телекоммуникационную станцию, так что React и Angular оба посмотрели на это немного, а когда захотели реализовать, их перебили. "
- интервьюер: «Тогда вы имеете в виду, что использовали только мини-программы WeChat и Vue?»
- я: "(паника) количество (⊙o⊙)... Я использовал Vue, апплет WeChat, jQuery.④"
④: этой компании JD требуется React, и она использует React для ежедневной разработки.
- интервьюер: «Тогда вы просто не использовали React для работы».
- я:"Да, это."
- интервьюер: «Тогда расскажите о своем понимании Vue и о том, что вы можете делать с Vue».
- я: "Лично в текущем фронтенде больше модуляризации и компонентизации, и есть некоторые вещи, такие как: головные компоненты. Когда мы используем больше, мы должны извлечь его и разложить на компоненты. Тогда в Когда вам нужно чтобы использовать его, используйте его. Затем при использовании Vue это похоже на строительные блоки и объединение того, что вам нужно. Затем во Vue есть три основных блока: Vue, VueCli, VueRouter, управление состоянием данных Vuex. О, четыре баксов».
- интервьюер: "Тогда вы можете представить Vuex?"
- я: "Извините, я не могу представить Vuex. Ведь большую часть времени сейчас приходится писать небольшие программы. Хотя я использовал его раньше, вы знаете этот код, и эти вещи будут забыты, если вы не использовать его слишком долго».
- интервьюер: "Ну, это хорошо, ты сказал, что много используешь мини-программы WeChat, можешь рассказать о части горячего обновления?"
- я: "Извините, я не понял."
- интервьюер: "То есть в моем апплете есть очень серьезная ошибка, но вы знаете, требуется время, чтобы отправить его на проверку в WeChat, поэтому я могу обновить его, не отправляя на проверку."
- я: (думая) "энм..."
- интервьюер: "Так если это так, у вас есть идеи? Или в соответствии с вашим пониманием апплета, попробуйте решить эту ошибку?"
- я: (думая) (разговаривая сам с собой) Прости, я не знаю.
- интервьюер: (сменить тему) "Какое знакомство с ECharts?"
- я: (улыбается) «ECharts — это очень весело. Конечно, вы должны уделять внимание манипулированию данными».
- интервьюер:"Например?"
- я: "Например, при вызове интерфейса и выводе данных в цикле сразу весь браузер завис, потому что я не обратил внимания."
- интервьюер: "Потому что слишком много рендеров."
- я:"Да."
- интервьюер: (прочитать резюме) (включить телефон)
- интервьюер: "Можете ли вы представить свой скретч-приз? Я думаю, это очень интересно.⑤"
⑤:【Счастливая Царапина】——jsliangЗаблокируйте конфиденциальные части и отправьте мобильную страницу для воспроизведения.
- я: «Если приз делается на мероприятии, то я нашел плагин для рисования на холсте, чтобы сделать это».
- интервьюер: «Тогда возникает вопрос: как я узнаю, когда это разворачивается».
- я: «Этот расширяется путем расчета по площади».
- интервьюер: "Как вы думаете, это было достигнуто?"
- я: "энм... не совсем так."
- интервьюер: «Вы не читали его исходный код, когда впервые использовали его?»
- я:"нет."
- интервьюер: "Как вы думаете, как он вычисляет площадь, которую он соскребает?"
- я: (смущенно) "Вычисление поцарапанной области..."
- интервьюер: "Смотри, посчитай вот так..." (подсказка) (научим)
- ...давайте опустим это в середине, это слишком некрасиво...
- интервьюер: «Вы должны были сначала посмотреть на его реализацию исходного кода, потому что это очень классическая тема».
- я: «Да, я должен был попробовать это сам с нативным JS, а не использовать его напрямую. Или, когда я его использовал, я должен взглянуть на его реализацию».
- интервьюер: (читать резюме)
- интервьюер: «Я думаю, что вы довольно хороши, раз в вашем резюме размещено так много страниц».
- я: "Да, потому что лично я люблю подкинуть, а потом развернуть сервер, чтобы все видели, что я подкинул. Также есть некоторая статистика. Например, на эти страницы встроен код статистики Baidu, а потом можно проверить. Какие пользователи будут кликать».
- интервьюер: "Тогда как вы обычно используете эти данные?"
- я: "энм... никогда не думал об этом."
- интервьюер: «Например, просматривая эти данные, вы обнаружите, что некоторые данные получены с платформы A, некоторые данные — с платформы B, а затем вы обнаружите, что большая их часть — с платформы A…»
- я: «О, да, если большинство из них с платформы А, я могу написать больше статей на платформе А, а затем посмотреть, какая тема более популярна, чтобы знать, на какой части сосредоточиться».
- я: «Я действительно понятия не имею об этом, но после того, как вы это сказали, я обнаружил, что это неплохо. Я действительно не ожидал этого с точки зрения работы».
- интервьюер: "Да вы умеете получать данные, тогда можно и навыки использования этих данных подкинуть. Ведь если конверсия какого-то канала относительно высока, можно поставить этот канал..."
- я: "Да да, это хорошо."
- интервьюер: "Ну, по сути, вы тоже работаете. Ведь вы продвигаете себя по нескольким каналам".
- интервьюер: "Хорошо, у меня есть общее понимание. Тогда ты знаешь, что мы в основном здесь делаем?"
- я:"Точно сказать не могу."
- интервьюер: «Все, мы в основном используем React в качестве системы управления фоном».
- я: "enm... Я думаю, когда вы будете писать свой бизнес в определенной степени, вы обнаружите, что есть много похожих технологий, и вы можете гибко переключаться между этими технологиями. Если вы используете React, я могу это принять."
- интервьюер: "Ладно, ладно, тогда подожди немного здесь, а я свяжусь с верхом."
- я: "Хорошо, спасибо~"
Суммировать:
во-первых, Конечно, такой подробный диалог не потому, что у меня хорошая память и я еще могу его вспомнить через четыре дня, но я записал его в начале и сегодня разобрался. (Не знаю, является ли эта запись табу, но лично я считаю, что каждое интервью - это расширение ваших знаний. Ведь интервьюер принесет вам свежие взгляды и знания, которых вы не знаете)
потом, услышав некоторые из этих моментов, я чувствую себя смущенным сейчас, и я чувствую, что я должен быть в состоянии работать лучше в то время.
Наконец, то есть этот интервьюер вызывает у людей хорошее чувство, по крайней мере, когда некоторые вопросыjsliangЕсли нет, он выскажет вам свою точку зрения, а не пропустит ее напрямую, что заставит вас чувствовать себя заблокированным и окажет на вас большее давление.
3.3 Двусторонняя технология – технический руководитель
После некоторого периода ожидания был введен второй интервьюер:
- интервьюер: "Привет, меня зовут **"
- я:"Привет."
- интервьюер: (читать резюме)
- интервьюер: Ну, это совсем болтливый мальчик, ты любишь писать статьи, да? Но ваша позиция все еще мала. Да ладно, все мы программисты, и у нас самый ежедневный контакт с компьютерами.Знаете ли вы разницу между 32-битными и 64-битными системами? "
- я: "(Непредсказуемый) "энм... Прости, я не помню.①"
①: Честно говоря, я не компьютерный энтузиаст.Когда я купил свой ноутбук, я увидел, какой параметр мне непонятен, и пошел проверить его.В колледже я был специалистом во всех видах переустановки системы, чтобы подбирать девушек... Хватит шутить! Как это могло случиться со мной! Так что я действительно не знаю, я просто такой.
- интервьюер: "Послушайте, верно? Почему 64-битная система работает быстрее, чем 32-битная? Сначала мы должны знать, что компьютерная система состоит из 0101, а затем...②"
②: Я не могу больше продолжать, я не стал записывать разговор с этим интервьюером, сейчас я смутно помню ключевые моменты, поэтому я записал ключевые моменты. Если вы думаете, что знаете эти точки знаний лучше всего, если вы не думаете, что не понимаете, не забудьте сначала отметить это в блокноте своего мобильного телефона, вы можете узнать об этом.
- я: "Ну да ладно, узнал, моя статья подошла к другому пункту, который можно кинуть."
- интервьюер: "Хорошо, раз уж мы говорим об этом хранилище, какие формы вы знаете о картинках, и какие из них, по вашему мнению, используются в каких случаях? Каковы их плюсы и минусы? Можете ли вы рассказать о сценариях применения этих картинок?"
- я: "jpg, png, gif, ну, примерно эти три. Затем gif поддерживает анимацию, png имеет прозрачный фон, и широко используется jpg. Обычно, с точки зрения размера, gif является самым большим, за ним следует png, и, наконец, jpg ."
- интервьюер: "Тогда ты знаешь, почему такая разница между тремя?"
- я: (растерянно) "Я не знаю..."
- интервьюер: «Потому что компьютеры сжимают их по-разному, и задумывались ли вы когда-нибудь о векторной графике».
- я: "Ой, извините, я забыл об этом только сейчас упомянуть. Картинки также можно разделить на векторную графику и растровые изображения. Для векторной графики, например svg, она не станет размытой из-за увеличения и уменьшения ваших картинок в разных сценах. . "
- интервьюер: «Ну, смотрите, использование изображений — это тема, с которой нам приходится сталкиваться в нашей работе, так что вы должны быть в состоянии написать статью на эту тему (смеется)».
- я: (заинтересованно) "Да, я вернусь и напишу статью о картинках.③"
③: Это действительно не для того, чтобы обмануть интервьюера.Я уже дыру в статье приоткрыл:【Подготовка к интервью 2019 - Изображение】, После написания этой статьи следующая закончит эту.
- интервьюер: «Очень хорошо, давайте перейдем к следующей теме. В электронной коммерции выбросы товаров всегда имеют смысл. Теперь у меня есть два метода сортировки товаров, которые хранятся на странице А и странице Б соответственно. В случае с интерфейсом, как 50% пользователей могут посетить страницу А, а 50% пользователей посетить страницу Б».
- я: "enm... нельзя использовать серверную часть или циклический алгоритм балансировки нагрузки Nginx?"
- интервьюер:"нет."
- я: (думая) (разговаривая сам с собой) "энм... не ясно."
- интервьюер: "Вообще-то, вы только что упомянули идею использования случайных чисел (упомянутых своими словами), так как же сделать вероятность доступа к странице равной 1/2? Можем ли мы максимально увеличить это число, а затем разделить снова?"
- я: (внезапно) «Ну, они могут быть %2, поэтому у нас есть только два случая, один 0, а другой 1. Поскольку случайный диапазон достаточно велик, вероятность доступа пользователя также делится пополам. "
- интервьюер: "Очень хорошо, так как вы знаете, что 50% и 50% такие, можете ли вы разделить 25% и 75%?"
- я: (Тупо взволнованно)
- интервьюер: "Не волнуйтесь, подумайте об этом, когда мы %2, мы получим два случая, тогда, число %3, будет несколько случаев? Да, три, 0 1 2, или взяв остаток, так что , нам нужно только взять как можно большее число и установить его равным %4, чтобы было четыре случая 0 1 2 3, можем ли мы разделить 25% и 75%?"
- я: (вдруг опять)
- интервьюер: «Тогда ты знаешь, как использовать излишки на работе?»
- я: "Я не знаю..."
- интервьюер: "Вы можете узнать о кэше видео. Можем ли мы открыть для него большое место из-за размера видео? Нет, тогда мы должны сохранить его в одном месте...④"
④: Поскольку нет записи, подтверждающей правильность моих воспоминаний, диалог здесь опущен, чтобы читатели, прочитавшие статью, неправильно поняли интервьюера и не почувствовали, что интервьюер не понимает. По моей идее после интервью, это собственно открыть участок памяти, а потом браузер принимает данные с сервера, а в памяти сохраняет данные в виде %n (n - размер открытой памяти), а затем, когда нам нужно прочитать. Когда используются видеоданные, нам нужно только прочитать последние данные, хранящиеся в памяти, в форме «первым поступил — первым вышел», чтобы восстановить видео.
- я: "Да, я научился!"
- ...Здесь проиграно воспоминание, а остальные вопросы менее глубокие...
- интервьюер: «В целом все хорошо, ладно, подождите, я позову персонал, чтобы они подошли и поговорили с вами».
- я:"Хорошо, спасибо!"
Суммировать:
во-первых, Сначала я подумал, что интервьюер начал с "Интервью строить ракеты, работать, чтобы закрутить винты", но потом, когда дело доходит до картинок и способа сортировки картинок, я думаю, что это вполне нормально, ведь это компания электронной коммерции.
потом,По поводу системы личных знаний, я тогда сказал интервьюеру: "Теперь программисты, первоклассная математика, второсортные алгоритмы. Я хочу узнать больше алгоритмов. Конечно, я не в ранговой системе!) В то время интервьюер также дал это подтверждение.
Наконец,я думаю,лучше на это положить свой ум.Ведь если вы не знаете многих вопросов,то вам стоит подумать,можете ли вы открыть его в области,с которой вы знакомы.Потому что ваша производительность не хороша и ваш ум нехорошо, у интервьюера должно быть очень плохое впечатление.
3.4 Трехликий человек - Миссис HR
После периода ожидания мы приветствовали первую HR-леди:
- Мисс HR; (смеется) "Как прошел чат?"
- я: «Первая сторона была неплохой, вторая сторона немного нервничала».
- Мисс HR: "Немного нервный?"
- я:"правильно!"
- Мисс HR: "А вы что-то знаете о нашем проекте и некоторых ситуациях?"
- я:"Точно сказать не могу.①"
①: Друзья, которые читали предыдущие, должны знать, что один интервьюер, наконец, упомянул, да, мои воспоминания об этих 7 секундах рыбы!
- Мисс HR: "Наша компания занимается трансграничной электронной коммерцией, и количество людей... (представьте ситуацию в компании, я не буду повторяться здесь)"
- Мисс HR: «Это все для вступления, а затем у вас есть какие-либо вопросы, которые вы хотели бы обсудить со мной?»
- я: (детский лепет)
- Мисс HR: "Ну, вы тут написали, что вас примут на работу самое позднее 1 апреля, да?"
- я: "Да, потому что вы также знаете, что генконтракт будет сдан через месяц после увольнения. При подписании контракта указано, что нормальное увольнение займет 30 дней, и вы также знаете, что правила не могут быть ломаются, если они плохие...②"
②: Что касается времени входа, то это очень хлопотный вопрос. Если у вас хорошие отношения с компанией и вы можете подать заявление на ускоренную процедуру увольнения — это очень хорошо, если у вас плохие отношения с компанией и у вас есть деньги, вы можете посмотреть, что написано в договоре. здесь в договоре написано Платить месячную зарплату, но это не кажется правильным, поэтому давайте честно сообщим самое безопасное время, ведь если компания, которая вас набирает, действительно хочет вас, она обязательно ее для вас рассмотрит, иначе те, кто хочет, чтобы вы присоединились к работе быстро Да, это действительно трудно сказать.
- Мисс HR: "Насчет зарплаты...③"
③: Об упущении зарплаты не может быть и речи, ведь мне поступило предложение.
- Мисс HR: «И тогда у вас есть какие-либо другие вопросы, которые вы хотите подтвердить или понять?»
- я: "Работать сверхурочно, менять отгулы, платить или что-то еще..."
- ...пропуская промежуточный контент...
- Мисс HR: «Хорошо, потому что у нас здесь система проектов, поэтому я попросил руководителя проекта прийти и поговорить с вами об окончательном проекте и зарплате».
- я:"Хорошо, спасибо!"
Суммировать:
во-первых, я должен упомянуть мое большое табу, заключающееся в том, чтобы взять на себя инициативу по сокращению моей зарплаты, потому что мисс HR еще не упомянула об этом, но я чувствовал, что моя работа была немного плохой после прохождения первых двух аспектов, поэтому я дал себе понижение зарплаты, только Указывает на то, что я хочу войти. (Я также могу утешить себя тем, что эта компания действительно намного больше, чем первоначальная. Платформа больше, а зарплата не упоминается в начале, но я все же могу ее принять.)
потом, если вы подходите к кадровой части, вам лучше проконсультироваться:
- Зарплата: Самое главное, ведь первой целью смены работы должно быть получение более высокой зарплаты...
- Сверхурочные: менять ли отгулы или оплачивать, когда считать сверхурочные и т. д.
- График работы: Во сколько утром и во сколько вечером, несколько дней в неделю...
- Социальное обеспечение и пять страховников и одного золота: если у вас есть работа до того, не забудьте задать этот вопрос, нет необходимости продолжаться в середине ...
- Механизм корректировки зарплаты: несколько раз в год, на основании какого суждения (моя нынешняя компания судит на основе PPT!)...
- Отпуск: как рассчитать отпускной...
Наконец, Отношение доброе, я чувствую, что фронт две стороны, мой менталитет немного плохой, но в конце концов, я должен продолжать, поэтому стараюсь показать лучшее каждому интервьюеру.
3.5 Четыре лица — руководитель проекта
После периода ожидания был представлен окончательный руководитель проекта:
- Руководитель проекта: «Сначала представьтесь, личный опыт и опыт работы».
- я: «Индивидуально я начал свою официальную стажировку в мае 2018 года. К августу я почувствовал, что моя система знаний переднего плана запуталась, поэтому я начал писать свою библиотеку документов; затем с сентября по октябрь я работал в сфере телекоммуникаций, чтобы делать WeChat. Небольшая программа, потому что у меня нет опыта, поэтому я учусь, делая это, затем в ноябре я использовал ECharts для создания отчета о данных, затем в декабре я сделал проект Node, а затем это сейчас.①"
①: Лично я предпочитаю использоватьпотомЧтобы подключить тему, я могу почувствовать, что я могу более четко выразить свою логику!
- Руководитель проекта: "Я в этой компании после выпуска, да?"
- я:"Да."
- Руководитель проекта: «Вы покинули платформу, потому что она была слишком мала?»
- я: «Да, потому что я думаю, что платформа слишком мала, а личное совершенствование ограничено, как и некоторые резюме сейчас, многие из которых подбрасываются мной.②"
②: Что касается причины ухода, то причина, конечно, в деньгах, но так говорить нельзя, иначе компания, в которой вы будете брать интервью, сочтет вас обывателем. Конечно, есть и причина, по которой я говорю, что платформа маленькая, потому что перед компанией, будь то штаб-квартира или телекоммуникационная станция, стоит проект, разработанный одним человеком, поэтому вы можете писать код по своему желанию, но вы всегда хочется сотрудничать с другими, ведь большие проекты не делаются одним человеком.
- Руководитель проекта: «Ну, обновление, упомянутое здесь, в основном для улучшения личных аспектов, таких как более высокие технологии и тому подобное, но на работе мы должны координировать как можно больше служб поддержки бизнеса, так что вы так думаете?»
- я: «Из-за бизнеса вы можете делать это здесь и там в начале. Однако, когда вы очень опытны, вы обнаружите, что есть некоторые общие вещи, поэтому мы можем извлечь их, а затем выйти. новый спрос, если есть это, мы можем быстро его применить.Поэтому бизнес и технологии не могут быть полностью разделены, потому что многие вещи в бизнесе нуждаются в технической поддержке, и тогда технически ваши исследования все еще могут быть применены к бизнесу в конце концов.③"
③: Спасибо за ответ на этот вопрос@Шао ВейруПотому что он обычно пишет бизнес компании, он очень старательный, а затем какой-то общий, он упакует в компоненты, придет к новому требованию, скопирует вставку и поставит под ОК, дайте мне очень большой шок. Например: N описаний компания решала за месяц, он решался за неделю.
- Руководитель проекта: «За время столь долгого знакомства с кодом вы почувствовали что-то, что произвело на вас более глубокое впечатление?»
- я: «Лично я чувствую, что есть некоторые области, в которых мне все еще нужно совершенствоваться. Например: алгоритмы. Это похоже на адресную книгу апплета WeChat, о котором мне сказал первый интервьюер, и используется дихотомия».
- ...продолжить говорить о других разных темах...
- Руководитель проекта: «Ладно, подожди минутку» (уходит)
- я:"В ПОРЯДКЕ!"
- ……Через некоторое время……
- Руководитель проекта: «Я только что разговаривал с интервьюером на первом и втором интервью с вами, и после всесторонней оценки вы все еще в относительном порядке. Когда вы приступите к работе в ближайшее время?»
- я: «1 апреля, как вы знаете, контракт будет подписан».
- Руководитель проекта: «Хорошо, в течение этого времени я позволю HR продолжать общаться с вами. Предложение не является большой проблемой, а затем зарплата ... (опустить) Я позволю HR общаться с вами по конкретным вопросам. Наконец, сделайте у вас есть вопросы?"
- ...и продолжайте тянуть некоторые другие вещи посередине...
- я: "Ладно, это все, не более."
- Руководитель проекта: ""
Суммировать:
во-первых, Я чувствую себя очень расслабленным, когда попадаю сюда. Ведь я знаю, что это последний раз во время кадрового собеседования, и я очень устал. Ведь я давно сижу.
потом, Если у вас есть возможность связаться с ответственным за проект, то лучше всего больше выходить на связь и общаться, ведь неспроста это ваш непосредственный руководитель. Если вы меняете работу, хотя платформа также очень важна, лидерство также является очень важной частью, напримерjsliangРуководство компании относительно хаотично, поэтому я все еще надеюсь, что у меня будет хороший лидер.
Наконец, Я надеюсь, что вы, ребята, можете идти до конца интервью. Это конец утреннего собеседования. Редко можно сделать предложение на месте.
Четверг 16:00
- Размер компании: 20 - 99 человек
- промышленность:игра
- Перед интервью: Он находится в Технопарке НТТУ.Я приехал на час раньше, и не хочу подниматься раньше(jsliangЯ чувствую, что иногда я встаю рано, и если интервью впереди не закончено, это будет неловко, обычно на полчаса раньше), скучно, просто сижу перед дорогой и наблюдаю за оживленным движением.
4.1 Job Description
薪酬:10K - 20K
岗位职责:
1. 负责web前端开发框架的搭建;
2. 负责web前端研发(包括PC和Mobile);
能力要求:
1. 扎实的html,js,css知识;
2. 熟悉vue等前端开发框架;
3. 熟悉bootstrap或elementui等前端UI库;
4. 熟悉响应式网页开发;
5. 能编写可维护性高的前端代码;
7. 2年以上专业岗位工作经验,有相关作品可展示优先。
4.2 Техническая сторона - вопросы письменного экзамена
- Опишите прогрессивное улучшение и изящную деградацию.
- Какие два свойства в CSS позволяют тексту перекрываться по вертикали и по горизонтали?
- Как я могу исправить разрыв пробела, вызванный использованием встроенного блока?
- Используйте CSS для создания треугольника (значок треугольника со стрелкой вправо).
- Используйте CSS, чтобы расположить три элемента div в одной строке в равных пропорциях и два столбца с фиксированной шириной и адаптивной серединой.
- Имеется массив длиной 100, и запрашивается сумма первых 10 элементов массива.
- Напишите программу для вывода чисел от 1 до 100. Если число кратно 3, вместо числа выведите «A», если число кратно 5, используйте вместо него «B», если число кратно 3. 3 и кратное 5 , печатает «AB».
- Какие существуют решения для междоменной связи и в чем их отличия?
- Какие общие операции вызывают утечку памяти?
- Каковы различия и характеристики основных интерфейсных сред, таких как Angular/React/Vue и т. д., выберите одну из них, чтобы описать жизненный цикл ее компонентов.
здесьjsliangВсё равно рискуешь получить клинок и не дать ответа! Ведь ответ дан, а маленький партнер может не понять проблему на более глубоком уровне.
4.3 Вторая сторона техники - фронтенд леди
После отправки ответов на письменные вопросы теста подошла официантка и начала собеседование:
- передняя леди: "Здравствуйте, позвольте сначала представиться~"
- я: «Здравствуйте, меня зовут Лян Цзюньронг, псевдоним пользователяjsliang, ежедневно активен в GitHub и Nuggets. Тогда я лично люблю подбрасывать.Я начал писать свою собственную библиотеку документов в августе прошлого года, я сделал небольшие программы в сентябре и октябре, я сделал отчеты ECharts в ноябре, а в декабре я сделал нативный корпоративный веб-сайт, имитирующий Node. к данному моменту. "
- передняя леди: «Вы выбираете один из своих рабочих проектов для обсуждения».
- я: «Тогда позвольте мне поговорить о мини-программах WeChat.①, в то время было около 20 PSD, и я сказал, что делает апплет, а потом написал апплет, читая официальный документ. Где-то через полтора месяца я сделал некоторые доработки и доработки, и апплет вышел. Одним из самых сложных является контактный модуль, как и контакты нашего мобильного телефона, при добавлении и изменении используется дихотомия. "
①: Вам кажется, что вы следите за процессом собеседования в компанию? Да, это так неудобно, ведь опыта мало!
- передняя леди: «Какие стеки технологий вы в основном используете в своей работе?»
- я: «Во-первых, я только что упомянул, что есть апплет WeChat; затем, поскольку я работаю в сфере телекоммуникаций, мне все еще нужно понимать jQuery и H5; наконец, это отчет, написанный на Vue, и платформа управления. написано недавно».
- передняя леди: "Для отчетов ECharts вы использовали API напрямую? Вносили ли вы какие-либо изменения?"
- я:"нет."
- передняя леди: "Можете ли вы рассказать о странице визуального перетаскивания?"
- я: «Это использование API jQueryUI, перетаскивание для создания нового блока div, затем управление данными, которые могут настроить этот блок div, и, наконец, создание данных на новой HTML-странице».
- передняя леди: «Это также API, использующий jQueryUI, без каких-либо изменений в его API, основанных на фактической разработке?»
- я: (смущенно) «Нет».
- передняя леди: "Тогда у вас есть что-то разработанное самостоятельно?"
- я: «В августе я сам отказался от Webpack, а затем сделал многостраничную конфигурацию Webpack в сочетании с Live Share VS Code и локальной сетью для групповой разработки».
- передняя леди: «Расскажите о приоритете селекторов CSS».
-
я: «В первую очередь это
!important
это; затем встроенные стили; затем#id
, затем к.class
, затем метки, затем подстановочные знаки*
, и, наконец, еще несколько, не помню. -
передняя леди: "Ну ладно, я могу говорить
postion
Позиционирование? " -
я:"Во-первых,
position
Если позиционировано, по умолчаниюstatic
. Тогда, еслиposition: fixed
позиционируется относительно корневого элемента. Тогда, если этоposition: absolute
, согласно предыдущемуposition: relative
отметка для относительного позиционирования. Потом,positon: relative
, я обычно использую его какpositon: relative
Эффект позиционирования. " - передняя леди: "Какие из этих четырех типов отделены от документооборота, а какие нет?"
-
я: "
absolute
иfixed
вне документооборота иstatic
иrelative
Не отрываясь от документооборота. " - передняя леди: "Насколько полезны H5 и CSS3?"
- я: "H5 используется для написания активных страниц, CSS3 не очень."
- передняя леди: "Тогда скажи мне, какие свойства CSS3 ты используешь чаще?"
-
я: "
rgba
, закругленные углы, градиенты и т. д...." - передняя леди: "В случае с градиентом, если есть кубоид с одним цветом сверху и одним цветом снизу, что бы вы сделали?"
- я: "Извините, я обычно делаю градиент справа и снизу, и пишу меньше, так что не понятно.②"
②: Не ясно, это действительно непонятно.Если кнопка имеет градиент, я обязательно обрежу его напрямую и использую фоновое изображение, чтобы реализовать эту кнопку!
- передняя леди: "Хорошо, вы использовали анимацию?"
- я: «Извините, я не использовал его раньше. В конце концов, бизнес-логика относительно проста, но когда я был джуниором, я некоторое время изучал CSS3, но поскольку я не использовал его часто, я забыл его. "
- передняя леди: "А как насчет H5?"
-
я: "Слова H5, такие как
<audio>
,<video>
,<canvas>
,<canvas>
Слова также просты для понимания.Например, в скретч-играх, если вы используете маску, вы можете использовать<canvas>
написано. " - передняя леди: "Знаете, что у H5 есть свойство перетаскивания?"
- я:(бред какой то)
- передняя леди: «Это просто перетаскивание чего-то из одного места в другое».
- я:"нет."
- передняя леди: "Хорошо, ты знаешь об этом кэшировании?"
-
я: "
cookies
,session
,LocalStorage
,SessionStorage
. " - передняя леди: «В каких сценариях используются эти методы?»
-
я: «В случае файлов cookie они чаще используются при взаимодействии с серверной частью, например, при входе в систему или что-то в этом роде.③. потом
SessionStorage
, он будет очищен при закрытии браузера. НаконецLocalStorage
, он будет долго храниться в браузере. "
③:
cookies
Я действительно забыл, в конце концов, я использую его каждый деньstorage
, так что друзья, которые хотят знать, могут Baidu/Google/Bing, не слушайте мой бред.
-
передняя леди:"Тот
LocalStorage
Будет ли он опорожняться по времени? Или он всегда будет существовать в браузере? " -
я: "
LocalStorage
Он не будет активно удален, но мы можем установить срок его действия. " - передняя леди: "Тогда, эм... можешь мне сказать, что такое замыкание?"
-
я: «Проще говоря, если есть две функции A и B, а затем функция B находится внутри функции A, и B может использовать переменные функции A, то мы называем функцию B замыканием.④Приведем простой пример, обычно используемый в Интернете:
for
Таймер определяется в циклеsetTimeout
, который включает замыкания. "
④: Что касается некоторых знаний в диалоге, он в конечном итоге будет организован в статью, которая не была завершена в последнее время, но в ней примерно более 1400 строк статей:【Подготовка к интервью Джсляна в 2019 году】, те, кто просто заинтересован, могут подписаться на мою учетную запись GitHub или Nuggets и будут продолжать обновлять ha~
- передняя леди: "Тогда зачем использовать замыкания?"
- я: «На самом деле лично мне не нравятся замыкания на работе, и я не рекомендую замыкания, потому что они могут запутать людей. В то же время определение ES6 на уровне блоков также способствует сокращению генерации замыканий. Следовательно, можем ли мы не писать замыкания, не писать замыкания».
- передняя леди: "Тогда по какой причине вы не используете замыкания?"
- я: "1. Код непросто поддерживать, будь то ты сам или твой преемник. 2. Замыкание будет генерировать внутренние переменные, и браузер не уничтожит его, тем самым заблокировав память."
- передняя леди: «Вы часто используете синтаксис ES6?»
-
я: "Я изучил это, но я не использую это часто, например, стрелочные функции, такие как
let
Переменная. " -
передняя леди: "Тогда вы использовали
Promise
? " -
я: "Его надо использовать, как в апплете WeChat, типа страницы, нужно вызвать несколько интерфейсов, и тогда вызовы должны быть по порядку, тогда нужно написать
Promise
. " -
передняя леди: "Ты можешь сказать
Promise
Каково ваше использование? " - я: «Может быть, то, что я использую, относительно простое, и я использую эти простые».
-
передняя леди: «Использовали ли вы какой-либо другой синтаксис ES6?
let
,var
а такжеconst
" -
я: "
let
используется локально, например, с помощьюfor
и т. д., потому что это не загрязняет глобальные переменные;var
Если это глобальная переменная, ее можно вызывать в большой локальной области; наконец,const
Обычно при вызове интерфейса используйтеconst
Чтобы предотвратить изменение данных, возвращаемых интерфейсом. " - передняя леди: «Тогда после того, как вы узнаете, какая переменная определена и объявлена, если вы снова определите и объявите переменную, будет сообщено об ошибке?»
-
я: "
let
Бар! " -
передняя леди: "Ладно, слова на кадре,
Vue
,React
,Angular
Что используется больше? " -
я: "
Vue
Я часто его использую, например, мой последний проект, напримерECharts
Отчеты и самая последняя платформа управления. " - передняя леди: "Хорошо, можешь рассказать о маршрутизации?"
- я: "Потрескивание по теме..."
- ... Прослушав запись, я рассказал о модуляризации, так что не буду тут безобразничать...
-
передняя леди: "Можешь мне ответить
v-if
иv-show
Разница? " -
я: "
v-if
Если да, то нужно добавить или удалить элементы из дерева DOM;v-show
, использоватьdisplay: none
Эти управляющие элементы отображения. " -
передняя леди: "
v-for
Сталкивались ли вы с какими-либо проблемами или проблемами при его использовании? " -
я: "Избегайте размещения
v-if
иv-for
на тот же элемент, потому чтоv-for
соотношение приоритетовv-if
выше. Затем используйтеv-for
Если да, то обратите вниманиеv-bind:key
, потому что это связано с некоторыми оптимизациями кода. " -
передняя леди: "
v-bind:class
Вы использовали его? Есть ли что-то, что требует внимания? " -
я: "Это динамический рендеринг
class
это? Если вы им пользовались, а потом нужно обратить внимание, постарайтесь не писать слишком сложных суждений о нем, ведь его хлопотно поддерживать, а потом брать на вооружение выглядит глупо. " - передняя леди: "Затем растеризация в ElementUI добавляет, что строка делится на три столбца. Когда средний столбец скрыт, третий столбец выдвигается вперед, но я надеюсь, что макет не может быть перемещен. Есть ли способ?"
- я: «Используйте два блока в средней колонке, один с контентом и большой пустой блок, а затем отображайте и скрывайте, какой блок на основе суждения».
- передняя леди: "Что еще нужно знать об отзывчивости?"
- я: "???"
- передняя леди: "как рем?"
- я: «О, я использовал rem, когда делал страницу активности H5, но у нее есть проблема, то есть она выглядит одинаково независимо от того, сколько экранов, телефон выглядит хорошо, но когда дело доходит до ПК, это не так. очень хорошо выгляжу».
- передняя леди: "Сталкивались ли вы с какими-либо проблемами совместимости?"
- я: «Если браузер совместим, IE 10 и ниже не будут рассматриваться. Другое дело — совместимость WeChat и iPhone, что доставляет неудобства людям».
- передняя леди: «Тогда я вижу, что в вашем резюме упоминаются обычные игры.⑤, мы можем поговорить об этом? "
⑤:jsliangнаписаноОбычная мини-игра.
- я: "Вообще говоря, есть много регуляров, используемых для входа и регистрации. Если вы попросите меня написать один, я обязательно вернусь и посмотрю его. Ведь он редко используется и забывается; но если вы позволите мне увидеть что означает обычный, или Его можно увидеть».
-
передняя леди: "
token
Сталкивались ли вы с проблемами отказа? " - я:"нет."
- передняя леди: "Можете ли вы рассказать о цепочке прототипов?"
- я: "Цепочка прототипов включает в себя объектно-ориентированный подход, если он есть в каких-то относительно срочных проектах, то его можно не использовать, потому что он обычно пишется в процессно-ориентированном методе, а цепочка прототипов вообще связана с наследованием.⑥"
⑥: Это большой блок.Фронтенд должен быть протестирован.Подробности можно посмотреть в моей статье.【Подготовка к интервью Джсляна в 2019 году】,конечно еще не закончено,jsliangЯ тоже заикался, когда вводил его, поэтому я чувствовал, что ответ на тот момент был не очень хорошим.
- передняя леди: "Хорошо. Можете ли вы рассказать о принципах Ajax и о том, как вы его используете?"
- я: «Извините, я не уверен, но обычно это инкапсулируется с помощью jQuery или Axios».
- передняя леди: "Тогда вы можете рассказать о запросах на получение и публикацию?"
- я: «Если вы используете get, вы увидите его в URL-адресе браузера. Если вы используете post, это безопаснее, чем get. Конечно, эта безопасность ограничена. Запрос может передавать больше данных».
- передняя леди: «Хорошо, я в основном ясно, пожалуйста, подожди минутку, я скажу ответственному лицу».
- я:"Хорошо, спасибо."
Суммировать:
во-первых, тестовый сайт Miss Sister относительно завершен, от HTML до CSS, JS и, наконец, до некоторых моментов в моем резюме, я могу рассказать об этом.
потом, Тема мисс Сестры, личное чувство все еще относительно близко к ее работе, и очки знаний, задействованные во много раз, должны быть более впечатляющими для нее на работе.
Наконец, вздохнул: Ух ты, какая мощная дама!
4.4 Три аспекта целого - руководитель проекта
Через несколько минут вышел руководитель проекта:
- Руководитель проекта:"Привет."
- я:"Привет."
- Руководитель проекта: «Прошел год с тех пор, как вы закончили обучение, можете ли вы рассказать, почему вы сменили работу?»
- я: «Потому что я думаю, что платформа слишком мала, а личное развитие ограничено, как и некоторые резюме сейчас, многие из которых я подбрасываю сам».
- Руководитель проекта: "Хорошо, давайте поговорим о зарплате..."
- я: "...треск..."
- …Опустим среднюю часть, давайте поговорим о стеке технологий jsliang, поговорим об использовании технологий, поговорим об улучшении личных технологий…
- Руководитель проекта: «Хорошо, в принципе все ясно. На этом сегодняшнее интервью. Вы можете вернуться и дождаться уведомления».
- я:"Хорошо, спасибо."
Суммировать:
во-первых, Мне немного неловко болтать с руководителем проекта посередине.Хотя мы наконец-то поговорили о зарплате и работе, но о зарплате и платформе, я все еще чувствую конфликт, когда возвращаюсь, чтобы послушать запись.
потом, Что касается личного совершенствования, вы должны твердо верить, что ваше повышение имеет свои собственные причины.Вы не можете сказать, что, если вам отказали, вы считаете свое продвижение бесполезным.
Наконец, я могу только сожалеть, что я не ответил до сих пор, возможно, это было круто.
5 Резюме
Пишите здесь,jsliangПервый раунд собеседований закончен, я сознательно выбрал день для интервью, я много почерпнул, и я очень эмоционален:
во-первых, интервью не обязательно делает ракету, может быть такая ситуация на самом деле существует в чужих проектах, например картинки на второй стороне утром, например CSS3 и анимация фронтенды днем .
потом, интервью может дать вам больше идей, чтобы расширить ваши знания в соответствии с некоторыми моментами в процессе интервью. Первая цель собеседования, безусловно, состоит в том, чтобы получить предложение, но для каждого собеседования, пожалуйста, постарайтесь запомнить процесс собеседования и вопросы интервью, обобщить их после собеседования и расширить свои знания, основываясь на собственных недостатках.
Наконец,jsliangВот желаю своим друзьям успешного прохождения собеседования и найти для них более подходящую должность в золотой тройке серебряных четырех сезонов!
jsliangРекламный толчок:
Может быть, друг хочет узнать об облачных серверах
Или друг хочет купить облачный сервер
Или маленькому партнеру необходимо обновить облачный сервер
Добро пожаловать, чтобы нажатьПродвижение облачного сервераПроверять!
библиотека документации jsliangЗависит отЛян ЦзюньронгиспользоватьCreative Commons Attribution-NonCommercial-ShareAlike 4.0 Международная лицензияЛицензия.
на основеGitHub.com/l ian Jun Ron…Создание работ выше.
Права на использование, отличные от разрешенных в настоящем Лицензионном соглашении, могут быть получены отCreative Commons.org/licenses/не…получено в.