Резюме девушек-фронтовиков, окончивших год назад

интервью внешний интерфейс Vue.js React.js

предисловие

Ну (эмммм), я написал это интервью на SegmentFault две недели назад, и теперь я обновлю его на Nuggets. Кто-нибудь захочет меня побить: Видите, здесь и снова ~ Потому что я обещал технологию Менеджер не может нарушить свое обещание писать статьи о Наггетсах, так что если читали, то читайте еще раз (я отложила на день, потираю живот, ем, пью и учусь на выходных), но не забываю обновлять, вы видеть это! Как фронтенд-девушка, которая только что выпустилась в прошлом году, она на самом деле технический новичок.В последние годы я все еще хочу значительно улучшить технологию, и я иду по бесконечной дороге фронтенд-богов. открыла мне путь очного опыта примерно на неделю.Есть очные встречи в больших и малых компаниях.Я здесь для того, чтобы повышать свои знания и накапливать опыт! ! !

Всего около 10 компаний, и я вполне доволен результатами, я получил предложения от 6 компаний, как крупных, так и мелких, таких как Dahua и H3C, но после всестороннего рассмотрения я пошел в одну из них на собственное собеседование. Компания с лучшим опытом является как минимум котируемой компанией~

На что обратить внимание перед собеседованием

  1. Резюме нужно написать, разумеется

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

  3. приготовления, которые нужно сделать, я только закончил в прошлом году, поэтому я сосредоточился на подготовке кБазовые знанияи используется в настоящее времяВУЭ ФреймворкЭти две части, другие точки знаний, я обычно делаю заметки, когда пишу код, поэтому я снова просмотрю точки знаний.Другие, которые вы не используете в своей реальной работе, но более популярны, не могут быть проигнорированы, давайте взгляните или компенсируйте это временно, не стесняйтесь, если вас спросят, если вы этого не слышали. После интервью не забудьте пройти собеседование, если вы не можетеделать заметки делать заметки! ! ! Просто относитесь к этому как к обучению, и иногда это действительно приносит большую пользу~

  4. Запланируйте время для собеседования и заранее узнайте краткую информацию о компании, в которую вы идете на собеседование.. Я человек, который хочет сосредоточиться на совместных делах в один момент времени, поэтому я сосредотачиваюсь на собеседовании после того, как уйду с работы. Я устраиваю 2-3 собеседования в день. Перед собеседованием посмотрите на размер и фон компания, в которой вы собираетесь провести собеседование, чтобы кратко понять. Процесс собеседования в компании, как правило,Письменное тестирование или телефонное собеседование (по желанию) —> техническое собеседование (1-2 раунда) —> собеседование с персоналомPS: У меня есть две компании, которые пошли на переосвидетельствование, неважно почему, я просто пошел учиться. Всегда поощряйте себя, чтобы поднять себе настроение

Очки знаний интервью

При собеседовании в две крупные компании и в одну маленькую, особенно крупную компанию традиционной отрасли, также может быть вопрос моего возраста.Особое внимание я уделяю основам.Будь то письменный тест или собеседование с техническим директором ,я акцентирую внимание на этой области.Как и нативный JS,нативный Ajax и т.д.,(хотя эннн в своей работе я использую не очень много,и нативные мало используются,но обращаю на них внимание),давайте говорить о том, с чем я столкнулась в следующем интервью (некоторые я не могу вспомнить).Теперь, когда я думаю об этом, у меня может не быть времени, чтобы придумать это, я ленивый~).

Статьи HTML и CSS, посвященные CSS (CSS важен!)

  1. Расскажите нам о ваших наиболее распространенных планировках
    Сосредоточьтесь на блочной модели и гибком макете (что касается макета сетки, я никогда раньше такого не видел)

  2. Сколько способов добиться горизонтального центрирования?

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

  4. CSS реализует прямоугольник с адаптивной шириной 100% и соотношением ширины и высоты 16:9.

  5. Как добиться определенного соотношения двух столбцов слева, чтобы высота левого столбца адаптировалась к высоте правого столбца?

Статьи по JavaScript (важно)

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

ES6 (Введение, относительно важно)

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

  1. На кого указывает this в стрелочной функции?

  2. Как реализовать обещание, принцип обещания и каковы его два параметра?

  3. Метод, выполняемый при отклонении второго параметра в promise, и promise.catch() не выполняются. В чем разница между написанием их по отдельности и при каких обстоятельствах оба будут использоваться одновременно?

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

Компьютерные сети (относительно важны)

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

  1. Разница между http, https и websocket
  2. Общие коды состояния HTTP, что представляют собой коды состояния 400, 401 и 403?
  3. Разница между согласованным кешем и сильным кешем
  4. Расскажите о соответствующих протоколах компьютерных сетей?

Проблемы с совместимостью браузера

Поговорим об этом ключевом моменте (только для себя), потому что моя работа в основном сосредоточена на веб-стороне, поэтому я не сталкивался с проблемой совместимости браузера, потому что он в основном совместим с IE8 и выше и другими браузерами, давайте возьмем это как резюме (на самом деле у меня лишние баллы, когда меня об этом спрашивали, потому что ответов больше 2333)

  1. Используйте метатег, чтобы настроить метод рендеринга браузера и сообщить браузеру, какое ядро ​​​​использовать для рендеринга.Двухъядерный браузер 360 переключается между ie и chrome.Теперь используйте метатег, чтобы заставить страницу рендериться с использованием последнего ядра.

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  2. rgba не поддерживает IE8Решение: использовать непрозрачность

  3. Префикс CSS3

    -webkit- webkit渲染引擎  chrome/safari
-moz gecko引擎	firefox
-ms- trident渲染引擎 IE
-o-	opeck渲染引擎 opera

  4. Переход несовместим с IE8, его можно реализовать с помощью JS-анимации.

  5. background-size не поддерживает IE8, вы можете использовать img

  6. Используйте PIE.htc, чтобы позволить IE6/7/8 поддерживать некоторые свойства CSS3, такие как CSS3 border-radius, box-shadow, css backgrounds (-pie-background), градиенты, свойства RGBA.

    .border-radius {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background: #abcdef;
behavior: url(css/PIE.htc);
 }

  7. взломать с помощью css

    IE6: _
IE7/7: *
IE7/Firefox: !important
IE7: *+
IE6/7/8: \9
IE8: \0

  8. Двойное расстояние, генерируемое отступом при плавании в IE, обычно реализуется с помощью float:left.В браузере существует проблема совместимости, которая приводит к проблеме несовместимого отступа между изображением и следующим содержимым.Решение состоит в том, чтобы добавить diaplay: встроенный в изображение.

  9. ie8 не поддерживает nth-child, но поддерживает first-child и last-child, вы можете решить проблему, преобразовав метод записи, span:nth-child(2) можно преобразовать в span:first-child+span, который может заставить ie8 отображать содержимое, последний ребенок может настроить класс класса, совместимый с записью ie8

  10. Заполнитель атрибута HTML5 не поддерживается в IE8. Существует множество подключаемых модулей js для решения этой проблемы.

  11. Распознавайте элементы HTML5, навигация/нижний колонтитул могут не распознаваться в IE, используйте html5shiv

  12. Форма в Firefox предотвращает событие отправки формы по умолчанию: добавьте action="javascript:" в форму, чтобы отменить все вышеперечисленные действия по умолчанию за считанные секунды;

  13. Всегда добавляйте атрибут type к кнопке кнопки, тип по умолчанию в IE — кнопка, а тип по умолчанию в других браузерах — submit

  14. Удалите все ненужные операторы консоли в IE и сообщите об ошибке, когда консоль не распознается в IE, код не будет выполняться или глобальный пользовательский метод window.console

  15. В браузере IE метод загрузки файлов через GET-запрос сообщает об ошибке из-за слишком длинных параметров, и решение меняется на POST-запрос

  16. Курсор поля ввода во всплывающем окне iframe в браузере IE теряется (нельзя ввести), решить проблему с очисткой рамки

  17. Совместим с IE8 new Date(), возвращающим проблему NaN, решите пользовательский метод

    function parseISO8601(dateStringInRange) {
    var isoExp = /^\s*(\d{4})-(\d\d)-(\d\d)\s*$/,
        date = new Date(NaN), month,
        parts = isoExp.exec(dateStringInRange);

    if(parts) {
        month = +parts[2];
        date.setFullYear(parts[1], month - 1, parts[3]);
        if(month != date.getMonth() + 1) {
            date.setTime(NaN);
        }
    }
    return date;
}

Очки знаний, связанные с Vue (важна одна из платформ)

Потому что то, что я в основном пишу в своем резюме, это то, что я знаю vue, но я не профессионал.Поскольку я развиваюсь во время обучения, основной практический проект не особо сложен, но некоторые общие ямы все же встречаются.Это зависит от ваших навыков. framework запрашивает соответствующие очки знаний

  1. Кратко объясните жизненный цикл vue

  2. Как реализовать пользовательский компонент и как взаимодействуют разные компоненты?

  3. Как взаимодействуют родительские и дочерние компоненты?

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

  5. Использовали ли вы nextTick и Vuex и при каких обстоятельствах?

  6. Вы знаете, как реализован принцип адаптивности Vue? Как вы думаете, есть ли разница между шаблоном «подписчик-издатель» и шаблоном «наблюдатель»? Если да, то скажите мне, в чем разница между ними.

построить связанные

Поскольку передняя и задняя части проекта все еще не разделены, я изучил больше gulp, таких как grunt и fis3, а также я узнал об инструментах упаковки webpack при использовании vue, но исследование не глубокое, только начальный уровень (Не жалуйтесь, практики действительно мало), так что я сказал интервьюеру прямо и честно, и интервьюер вроде бы понял и не спросил об этом (он был втайне счастлив хахахаха), но я все же думаю, что нужно идти , Ознакомьтесь с ним или попрактикуйтесь, зная немного больше, вы не умрете!

Other

Некоторые технические директора рассмотрят ваши технические возможности, отличные от внешнего интерфейса, например, язык внутреннего интерфейса, с которым вы знакомы, будет ли sql, Некоторые люди спрашивают меня, будут ли работать команды Linux (в моем сердце: нет, нет, нет ====), хахаха, но узел используется более или менее, это также то, что должен знать внешний интерфейс (но я не знаю не знаю, как быть техническим новичком, просто используйте его немного~)
PS: Да, я забыл об этом упомянуть. Есть также инструменты контроля версий svn и git. Большинство из них спросят вас, можете ли вы использовать git. Этот определенно будет использовать github. Мой предыдущий инструмент контроля кода компании был svn, но я уверен, что сейчас скажу да git, ведь прошла неделя с тех пор, как я присоединился к компании.

Наконец

Относитесь к интервью как к обучению, и вы получите большую пользу от этого процесса. Я также получил несколько хороших предложений, и в итоге выбрал компанию, которая меня больше устраивает.Я не обращал особого внимания на зарплату, это был результат всестороннего рассмотрения! Знания фронтенда очень сложны, а технологии, используемые в реальной работе, такие как фреймворки, соответствуют требованиям компании. Например, недавно я наблюдал за React. Vue и React сравниваются и изучаются. Не спрашивайте меня. почему я его не смотрю.Angular(ленивый),потому что новая компания смещена в сторону React,поэтому самое главное уделить больше внимания накоплению базовых знаний.Конечно,счастье важнее~
Наконец, позвольте мне объяснить, что суть в том, что меня спросили, когда я брал интервью у самого себя. Для справки, конечно, я могу помочь некоторым людям. Я очень счастлив. Мне все еще лень прикреплять ответ, поэтому я буду Осторожно, поддержите меня Передняя часть гриба крутая?

Категории