Введение в личный опыт
Выпускник бакалавриата 2017 года, проживающий в Ханчжоу, с предварительной программой.
До апреля 2017 года она была разработчиком пользовательского интерфейса, позиционировала себя как интерактивного бога и стремилась исследовать пользовательский опыт продукта.
Придя в действующую компанию в качестве стажера по дизайну пользовательского интерфейса в марте 2017 года, в связи с неясными перспективами развития пользовательского интерфейса, после периода раздумий (в лоб) я решил перевестись на фронтенд. времени я выставляла требования менеджеру, а потом постепенно перешла на фронтенд.Направление разработки, в июне, стала штатным сотрудником, а должность фронтенд-инженер.
Опыт работы с фронтендом от года и отсутствие опыта прохождения фронтенд-интервью
текст начинается
Недавно я провел собеседование со многими компаниями, и стратегия, которую я принял, заключается в том, чтобы поставить компанию, в которую я хочу уйти, последней, накопить опыт в начале и быть полностью готовым к тяжелой борьбе.
С самого начала я вообще не мог понять сути вопроса интервьюера, я только покачал головой и сказал, что не знаю. До сих пор процент успешности собеседований впечатляет.В настоящее время я получил несколько предложений, и все крупные, средние и малые компании также доступны. Хотя меня оскорблял самый разыскиваемый DXY, моя уверенность в себе постепенно росла, и я осознаю свои недостатки и имею направление упорно работать.
Опубликуйте свой собственный процесс обновления.
Длина большая и будет обновляться в отдельных главах, так что следите за обновлениями
Портал:
Годовое предварительное интервью, посвященное борьбе с монстрами и обновлению дороги (1)
Годовое предварительное интервью, посвященное борьбе с монстрами и обновлению дороги (2)
Годовое предварительное интервью, посвященное борьбе с монстрами и обновлению дороги (3)
первое интервью
Неопытный, я даже не принес резюме в молодости (я всегда готовил онлайн-портфолио для собеседований по дизайну пользовательского интерфейса), поэтому я был взволнован без какой-либо подготовки.
После собеседования вы узнаете, что собеседование по-прежнему отличается от фактического развития работы.Собеседование исследует теоретическую основу. Так что, конечно, я, обычно не обращающий внимания на базовые навыки, с улыбкой опустился на колени.
Позже я вернулся и просмотрел следующие вопросы интервью.На самом деле, я обнаружил, что вопросы, которые задавал мне интервьюер, были очень простыми вопросами, и некоторые знания были использованы неосознанно, но система знаний не была установлена, так что я не интервью вообще понять О чем спрашивал офицер, он был ошеломлен и ответил равнодушно.
Я извлек урок из этого опыта.Я должен уделять внимание теоретической базе.Мой метод обучения также изменился от одержимости созданием крутых практических демонстраций до чтения вопросов для интервью и теоретических книг.
для цикла setTimeout500ms выводит 1-10
Главное изучить замыкания и совместить их с асинхронностью
for(var i = 1;i < 11;i++){
var a = function(){
var j = i;
setTimeout(function(){
console.log(j);
},500)
}
a();
}
Узнать о междоменных методах
На работе данные запрашиваются на сервере того же происхождения, поэтому фактической междоменной операции нет.
Однако, даже если вы не видели, как бегают свиньи, вы ели свинину.Стратегия того же происхождения, jsonp, corse, я вытащил все, что знаю. Позже я вернулся и разобрался со статьей Учителя Жуана.
См. короткую книгу для статьиТа же политика происхождения и перекрестный домен
css-селекторы + и ~
+: выбирает следующий соседний элемент ~: все одноуровневые элементы после выбранного элемента
Что касается селекторов CSS, я также встречал их в последующих интервью, таких какnth-of-type(n)а такжеnth-of-child(n)Разница, так что расширение селектора тоже разобрано
См. короткую книгу для статьиcss-селектор
Где jq использует замыкания или какие замыкания вы видели?
Незадолго до собеседования я заодно поболтал с одним, а также спросил его мнение о замыкании, коллега уверенно махнул рукой, а в реальной работе замыкание почти не используется.
Наивный, я тоже сказал это в интервью. Интервьюер, должно быть, сильно презирал меня, поэтому я говорил со мной об исходниках JQ. Я никогда не видел исходников и плакал в бурю.
Та же проблема возникла и в другой крупной компании в той же отрасли (не связанной с Интернетом), и в центре внимания крупной компании по-прежнему остаются базовые принципы фреймворка.
На самом деле в jq используется много замыканий, все методы и переменные делаются приватными через замыкания и вызываются глобально с помощью $.
Закрытие должно сделать локальные переменные и методы резидентными в памяти и доступными глобально, тем самым предотвращая феномен глобального дублирования.
Однако из-за этой особенности замыкание будет занимать много места в памяти, поэтому его следует использовать с осторожностью.
Каковы встроенные методы массивов?
Это по-прежнему основной вопрос, и интервьюер дал мне знать, что нужно сказать. Позже я вернулся и сделал системную сортировку.
Встроенный метод массива Daquan (1)
Встроенный метод массива Daquan (2)
Первое интервью продлилось менее часа, и оно было в основном посвящено представлению моего проекта.Теперь приведенные выше вопросы действительно базовые, но в то время я плохо на них отвечал.
Потому что мне порекомендовала знакомая, а я заранее знал, что интервьюирующая дама была старшей, и я добавил WeChat, я тоже был невиновен. Когда дама пришла поболтать, я действительно подбежал, ничего не взяв. Был чат, так что вопросы интервьюера всегда думали, куда задать, что все же относительно невыгодно.
Итак, это интервью набирается опыта
- Резюме очень важны не только для отображения личной информации, но и для того, чтобы резюме могло помочь интервьюеру задавать вопросы, чтобы сделать целенаправленную подготовку.
- Теоретическая основа очень важна. Только полагаясь на фактическое проектное обучение, можно стать машиной для использования инструментов. Только поняв основные принципы инструментов, вы можете овладеть ими и сделать выводы из других фактов.
вторая атака
Во второй раз, когда я попросился в отпуск, я встретил две компании в один день, мне повезло, они сделали предложение очень просто и прямо. Образовательная платформа по программированию вошла в раунд А. Там около 30 человек. Хоть масштаб и не большой, мне очень нравится дело компании, и я всегда мечтала быть учителем.
Технический процесс чата был очень приятным, и основные вопросы интервью не были затронуты. Технический брат — выпускник, и мое резюме ему дороже. Я сосредоточился на деталях своих проектов в школе, Challenge Cup, Daiso, за что я отвечал, почему я это делал, был ли это ответственный человек и так далее. Я также ценю свой опыт в организации сессий обмена интерфейсом. В то же время он также подробно рассказал мне о бизнесе компании и планах будущего развития.
И что меня тронуло, так это то, что они подробно читают мой блог и гитхаб, прежде чем брать у меня интервью, и могут прямо рассказать мне о моем проекте. Это дало мне большое чувство уважения.
После разговора с генеральным директором его внимание было сосредоточено на том, соответствуют ли мои планы для себя их развитию. Мне кажется, что им нужны не только люди из технологической пирамиды, но и члены, которые готовы спуститься вместе с ними.
Поскольку технологий, связанных с интерфейсом, не так много, это описание компании.
Другой занимается интернет-туризмом.Адрес офиса находится в Xixi Scenic Spot.Среда, можно сказать, единственная в своем роде. По дороге с 15:00 до 18:00 моя сестра HR отвозила меня на автобусную остановку. Большое спасибо.Все два раунда технических интервьюеров должны быть членами команды, и все они очень дружелюбны. Я следовал обычному письменному тесту и процессу собеседования, но содержание вопросов было относительно простым. Можно только сказать, что опасности нет.
процесс вставки
письменный экзамен
Вопросы в письменном тесте относительно просты, и были проверены основные навыки. Я написал относительно гладко, включая гомологию и кросс-доменность, цепочку прототипов, базовое использование vue и разработку нескольких простых функций. Я опубликую немного впечатляющая тема.
1. Разница между vue и Jq
Vue: рендеринг страниц на основе данных, нет необходимости работать с конкретным dom, слабая связь между страницами и js, простота обслуживания.
jQuery: зависит от dom, логика страницы согласуется с логикой кода, а страница и js сильно связаны. Дизайнерские идеи этих двух совершенно несовместимы, и подходящую основу следует выбирать в соответствии с разными случаями и потребностями.
2. Создайте функцию, передайте число n, если n делится на 3, она возвращает 1, если делится на 5, возвращает 2, а если делится на 7, возвращает 3.
Ага? Будет ли это слишком просто. . Первая реакция — мошенничество. .
Конечно же, когда я делал это, я чувствовал, что есть проблема: что, если число делится и на 3, и на 5? Сколько нужно вернуть? Название не указано четко. Долго думал, ям не нашел, догадался, что это может быть проверка входной проверки.
function Ajust(num){
if(typeof num != "number" || num == null){
//排除输入为空，以及输入非数字数据
return false;
}else{
if(num!=0){
//排除0
if(num%3 === 0){
return 1;
}else if(num%5 === 0){
return 2;
}else if(num%7 === 0){
return 3;
}
}else{
retrun num+"不能被3,5,7中任何一个数整除"
}
}
}
Во время интервью я высказал свои сомнения, а интервьюер был в недоумении, так что могу сделать только вывод, что в их теме баг (можете быть более профессиональным >_
3. Собака (Собака) лает "ван" и кошка (Кот) лает "мяо", они принадлежат Животному. Пожалуйста, используйте знание прототипов и объектов, чтобы написать их отношения
Первоначальный вопрос может быть более сложным, я не могу четко его вспомнить, изучите цепочку прототипов и объекты
//构造函数
function Animal(){
this.word = "";
this.say = function(){
return "say " + this.word;
}
}
var Dog = new Animal(); // 实例Dog
var Cat = new Animal(); //实例Miao
Dog.word = "Wang";
Cat.word = "Miao";
опрос
1. Каковы основные типы данных
null，string，boolean，undefined，number
2. Сколько видов запросов возвращает http? что означает каждый
1xx: Код статуса информации
2xx: запрос выполнен успешно
3xx: перенаправление
4xx: ошибка клиента
5xx: ошибка сервера
4. Вы понимаете назначение деструктурирования?
После прочтения документации она в основном включает в себя режим присваивания и значение переменной, Вы можете присваивать значения данной переменной в виде массива или объекта. Тогда приведите пример
const {a,b,c} = {a:"1",b:"2",c:"3"}
5. В чем разница между require и import
import используется для импорта внешних модулей.
require может не только ссылаться на файлы и модули, но также использовать неограниченное количество местоположений и может использоваться в коде.
6. Вы понимаете обещания?
Увидел документацию, написанную в ES6 в качестве собственного стандарта. это раствор асинхронного программирования.PromiseЕсть три состояния,pending（进行中）,fulfilled（成功）,rejected（失败）, последние два вместе называютсяresolve（已定型）, как только состояние установлено, его нельзя изменить.
7. Как изменить асинхронный запрос на синхронный ajax?
В методе ajax есть поле «async», которое управляет асинхронностью, что по умолчанию равно true, что указывает на асинхронность. После изменения на false он синхронный
8. На что указывает This в функции?
Указывает на объект, для которого была вызвана функция.
Интервьюер ничего не сказал на мой ответ, но в последующем интервью я сделал много развития по этому вопросу.Мое заявление не является строгим, и направление этого — еще один момент, который можно подробно обсудить.
Сначала я вставлю утверждение в красную книгу: это относится к объекту среды выполнения функции.
Дополнительные идеи см. в этой статье Senior Xiang.Из этих двух наборов вопросов заново поймите JS this, объем, закрытие и объект.
9. Что можно применять и призывать делать? Какая разница
Измените это, чтобы указать на. Функции этих двух в основном одинаковы, разница в том, что способ получения параметров отличается.Apply получает параметры в виде массивов или массивов, подобных массивам.
10. Фиксированная ширина слева, адаптивная верстка справа, фиксированная ширина посередине, адаптивная верстка с обеих сторон
- Левая фиксированная ширина, правая адаптивная: Левая фиксированная ширина, правая плавающая, левое поле установлено равной левой ширине
- Фиксированная ширина посередине, адаптивная с обеих сторон:
margin:0 auto
11. Какие новые возможности у html5 и css3
- html5: аудио, видео, холст, svg и другие семантические теги
- css3: закругленные углы, анимация, фильтры, преобразования и т. д.
Позже младший брат со второй стороны задавал много вопросов по использованию JQ.В этом моя сила и я на него хорошо ответил.
Я также спросил об основном использовании vue и могу ответить на него.
Потом он поговорил со мной о личном планировании, и сказал, что если я приеду, то он должен взять меня с собой, и я обязательно многому научусь. Ну, он уезжает через месяц.
Я? ? ? ? ?
часовая поверхность
Сестра hr очень дружелюбная, она рассказала мне о путешествиях, о том, куда я ходила, и о том, в какую забаву и вкусную еду я ходила. Зная, что я из Вэньчжоу, я не могу остановиться, говоря, что я был на острове в Вэньчжоу давным-давно, и я рассказал о планировании своей карьеры на таможне острова. Я улыбнулась и кивнула. ну да, да, да
В конце концов, моя сестра hr отвезла меня на автобусную остановку, кстати. большое спасибо.
Вторая мировая война прошла хорошо, она дала мне много энергии для этого маленького новичка и заставила меня думать, что я не так уж плох (^o^)/~