Внешний трехсторонний опыт технологической компании

интервью

okay, it's me again.

Хахаха, я никогда не думал, что испытаю еще три раза, на этот раз, можно сказать,сильно трется о землю, нет другого пути, кроме как последовательно проводитьНедостаточно технологий, хвастаться, чтобы наверстать"в общем

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

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

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

Процесс интервью:чат прямого трудоустройства босса -> Электронное приглашение на собеседование -> техническая сторона -> техническая сторона -> Три лица HR -> Телефонное общение по вопросам заработной платы и адаптации -> offer

техническая сторона

  1. Самостоятельное введение

  2. В бизнес-сценарии, когда на стороне ПК в качестве фоновой системы управления используется Vue, общая маршрутизация создается динамически, а интерфейсные файлы и маршрутизация находятся во взаимном соответствии. я могу сделать, чтобы предотвратить переход на страницу 404?

  3. Есть страница с фоновым изображением, которое абсолютно достаточно длинное, мы знаем, что высота по умолчанию равна 100% без установки высоты бокса, а высота бокса будет растянута содержимым. Так как же первый экран может полностью отображать фоновое изображение, а второй экран может продолжать отображать?

    Хорошо, вот мой первый неправильный ответ 🤣

    <style>
    * {
        margin: 0;
        padding: 0;
    }
    .container {
        width: 100%;
        height: 100vh;
        background-image: url('./assets/images/long.jpeg');
    }
</style>

<body>
    <div class="container">
      <p>1</p>
      这里复制出足够多的<p>1</p>就好，我就不贴出来重复代码占据太大篇幅了
    </div>
</body>

    Это эффект первого экрана.Ну это очень хорошо.Вообще проблем нет!Но когда мы подведем мышку ко второму экрану,его уже не будет🙈

WechatIMG83.jpeg

Тогда мой второй ответ: расположите изображение абсолютно, чтобы изображение могло поместиться независимо от того, сколько экранов, но если изображение абсолютно расположено и нет содержимого для открытия, то первый экран вообще не будет фоном, поэтому это неприемлемо 😅

Отвечать:будетheight: 100vh;заменитьmin-height: 100vh;Вот и все 😂

  1. Все мы знаем, что минимальный размер шрифта в пикселях в Google Chrome составляет 12 пикселей, даже если установленоfont-size: 8px;Он также станет размером 12 пикселей. Теперь у меня есть шрифт, которому нужно 8 пикселей. Как я могу обойти ограничение в 12 пикселей?

    Основной принцип — использовать css3transform: scale();Атрибуты

    Требуется шрифт 8px, тогда мыfont-size: 16px; transform: scale(0.5);Просто

  2. говорить оES6новые возможности

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

  4. Оптимизация производительности интерфейса

    Портал:Поговорим об оптимизации производительности интерфейса

  5. Сеть прототипов

    Портал:Наследование и цепочка прототипов

    Портал:Серия прототипов JavaScript (3) Связь между функцией, объектом, нулем и т. д. и проблемой яйца

  6. Предположим, что в ящике ширина и высота всех маленьких ящиков в нем равны (PS техника не годится, картины не равны), большая коробка вмещает 7 маленьких коробок, используйте css для достижения следующего макета

WechatIMG84.png

  1. Расскажите о процессе входа в WeChat

  2. Как добавить токен авторизации в каждый запрос? (Посмотрите на инкапсулированные запросы, перехватчик axios)

  3. Расскажите о принципе двусторонней привязки данных в vue.

  4. Мобильный терминал для предотвращения повторных кликов, троттлинг против встряхивания

  5. Как запустить BFC и каковы сценарии применения?

  6. Каковы состояния промисов?

  7. Если перед вами стоит задача сделать основную разработку, настроена архитектура, выполнен дизайн UI, что вы сделаете в первую очередь?

  8. Как система фонового управления назначает разрешения?

  9. Как определить, что объект пуст?

  10. Накопление чисел 1-50, без цикла for, используйте рекурсию для записи

    Потому что я очень сопротивляюсь написанию кода на месте, а затем полному накоплению 1-50. Почему бы не использовать цикл for, разве не быстрее использовать цикл for? Зачем использовать рекурсию? Но интервьюер передал ручку и бумагу, и у него не было выбора, кроме как стиснуть зубы, но это тоже очень простой вопрос, и рукописный код на тот момент размещен ниже (неправильно)

        // 这是错的这是错的这是错的
    function add(n) {
        let sum = 0;
        
        if (n > 0) {
            sum += add(n - 1);
        } else {
            return sum;
        }
    }
    
    // 这是根据上面改进之后的写法
    function add(n, sum) {
      if (n > 0) {
        return add(n - 1, (sum += n));
      } else {
        return sum;
      }
    }
    
    // 当然还有一种更为优雅与简便的写法
    function add(n) {
      return n === 0 ? 0 : n + add(n - 1);
    }
    
    // 想一行代码搞定的话就是
    const add = (n) => (n === 0 ? 0 : n + add(n - 1));

  11. Как решить проблему с потерей данных в vuex после обновления страницы?

  12. Давайте поговорим о нескольких способах взаимодействия компонентов Vue (распространенная проблема).

  13. Расскажите о соответствующем жизненном цикле апплета vue и WeChat.

  14. Взгляните на этот вопрос ТС

        let num: string = '1';
    转一下数据类型转成 number

  15. Подскажите, сколько типов данных в ts

техническая сторона

  1. Инкапсулируйте каскадный компонент и расскажите об идее

  2. пакет v-модель

  3. Сколько типов контента существует для запросов POST?

  4. css flex: 1;Каково сочетание каких атрибутов

  5. Проблема, что данные предоставления / ввода / ввода VUE не будут возвращаться к родительскому компоненту во времени (я, кажется, задаю это, если я помню правильно)

  6. Как реализовать метод Promise.all() без промисов

  7. [1, 2, 3].map((item, index) => parseInt(item, index))результат

    Здесь были рассмотрены два момента: 1 — это то, что делает второй параметр метода parseInt(), а 2 — это знание шестнадцатеричного преобразования.

  8. В чем разница между cookie, sessionStorage, localStorage 3?

  9. имеютwww.xxx.com(сайт) иwww.api.xxx.com(сайт Б) Два сайта, куки получаются при входе и авторизации на сайте б, как я могу получить этот куки на сайте а?

  10. Расскажите о разнице между forEach, map, for...in, for...of

  11. Разница между git fetch и git pull (последний вопрос)

    git pull: эквивалентно получению последней версии с удаленного компьютера и объединению с локальным

    git fetch: Это равносильно получению последней версии с удалёнки на локалку, автоматически не сольётся

    Разница в том, будет ли он автоматически сливаться

Три лица HR

Я не буду расширять это здесь, поверхность HR — это почти все эти вещи.

выше

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

Строго говоря, это не совсем очная писанина.Многие из вышеперечисленных просто забрасывают вопросами.По техническим причинам нет соответствующего ответа,что немного прискорбно.

Наконец

Если есть какие-либо ошибки, пожалуйста, не стесняйтесь их исправлять

Категории