Обмен интервью в течение года

Личная ситуация

• Окончил университет Шуанфэй в провинции Гуандун, школа набрала на работу в Ци Аньсинь (бывшая служба безопасности предприятия 360), и только что проработала год (трудно найти работу, но люди в реках и озерах и могут' т помочь себе).
• leetcode brush вопросов 200+, в основном способных справиться с интервью. Wall Crack предлагает решать алгоритмические задачи, что действительно здорово и тренирует мышление в области кодирования.

Футу (предложение вызова)

одна сторона

Продолжительность: 47 минут. Слишком долго не было интервью. Такое чувство, что я не ответил на многие вопросы. На самом деле я получил второе уведомление через час. Спасибо интервьюеру за милосердие.

1. Самостоятельное введение
2. 360企业安全，奇安信,360之间的关系？为什么学前端？ Как вы учитесь?最近在看什么书吗？ ...
3. задавать вопросы

var a=1;
function fn(a){ a=2; }
fn(a);
console.log(a); // 1

var a={a:1};
function fn(a){ a.a=2; }
fn(a);
console.log(a.a); // 2

'use strict';
var a = 1;
var obj = {
	a:2,
	b:function(){
		this.a = 3;
	},
	print:function(){
		console.log(this.a);
	}
};
obj.print(); // 2
var print = obj.print;
print(); // 报错，严格模式下this默认是undefined

function F(){
	this.a = 1;
}
var obj = new F();
console.log(obj.prototype); // undefined，对象没有原型，函数才有原型

4. Два упорядоченных массива A и B определяют, является ли B подпорядком A? Требуется, чтобы формат данных нельзя было конвертировать, а API нельзя было использовать

[1,2,3,4,5],[2,3,5] => true
// 遍历B数组，再去A数组里找有没有这个值。利用有序这一特点，记录A遍历到哪里，下次从记录点开始即可。

5. Оптимизация загрузки проекта

две стороны

Продолжительность: 1 час 04 минуты, пытки интервьюера, различные вопросы по алгоритму, вопросы по математике, грибы. . .

1. Когда вы начали изучать интерфейс? Зачем изучать фронтенд? Как ты этому научился?

2. Имея строку S длины N (1≤N≤2000), создайте строку T длины N. Изначально T — пустая строка, а затем повторяются любые из следующих операций.

   • Удалить символ из начала S и добавить его в конец T
   • Удалить символ с конца S и добавить его в конец T

   Цель состоит в том, чтобы построить строки, которые лексикографически как можно меньше.

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

4. Найдите все элементы из массива длины n, которые удовлетворяют обоим из следующих двух условий по временной сложности O (n):

   • элемент больше, чем все элементы, расположенные слева от него;
   • Этот элемент меньше, чем все элементы, расположенные справа от него.

5. Продолжайте бросать монеты, пока кто-нибудь не выиграет. Условие победы A состоит в том, чтобы ходить первым, а затем решкой, а для победы B - иметь две решки подряд.Какова вероятность победы A в игре AB?

6. В Хэдонге проживает 600 000 человек, а в Хэси — 400 000. При 1 миллионе звонков сколько звонков будет через реку?

7. Вы понимаете междоменные? Зачем нужны междоменные ограничения? Каковы решения для междоменных решений?

8. Выбрать проект для обсуждения? Сколько людей развиваются вместе? За какую часть вы отвечаете? С какими техническими трудностями вы столкнулись?

9. Что будет, если вставить в середину html код из 100 000 циклов? Как решить застрявший феномен? Когда скрипт будет выполнен после добавления атрибута defer? Что происходит после принятия отсрочки, когда пользователь нажимает на страницу? Есть ли другой способ, если WebWoker отключен?

10. В чем разница между загрузкой 10 ресурсов под одним доменным именем и загрузкой под несколькими доменными именами?

Три стороны

Продолжительность: 50 минут, на встречу приходят не фронтенд-начальники из других отделов, и они задают вопросы. . .

1. Оптимизировать скорость загрузки проекта
2. Есть 100 бутылок с водой, одна из которых ядовитая, и мыши умрут через 3 дня, попробовав немного ядовитой воды.По крайней мере, сколько мышей нужно, чтобы определить, какая бутылка воды ядовита в течение 3 дней?
3. Четыре значения [a,b] и [x,y], как судить о пересечении этих двух диапазонов?
4. Вопросы по алгоритму:выпуск акций
5. 25 детей, 5 трасс, сколько пробежек потребуется, чтобы выбрать 3 самых быстрых детей?
6. Вопросы по алгоритму:701. Вставка в двоичное дерево поиска

Куайшоу (предложение вызова)

одна сторона

Продолжительность: 1 час 07 минут, интервьюер будет направлять и отвечать на не очень привычные вопросы, очень приятно.

1. Самостоятельное введение
2. Введение в проект
3. Проблемы, возникающие в проекте и пути их решения
4. задавать вопросы

for(var i=0;i<3;i++){
	document.body.addEventListener('click', function(){
    	console.log(i) // 点击之后输出3 3 3
    })
}

Как преобразовать может ввод 0 1 2? Почему var можно изменить на let?

Function.prototype.a = () => alert(1)
Object.prototype.b = () => alert(2)
function A(){}
var a = new A()
a.a() // 报错
a.b() // 2

Как преобразовать для выполнения предупреждения (1)?

A.a()
Function.a()
a.constructor.a()

Продолжать

console.log(a)
var a = 1
console.log(b)
let b = 2
console.log(c)
function c(){}

Продолжать

var x = 20
function a(y){
  var x = 10
  return get(y)
}
function get(y){
  return x+y
}
console.log(a(10)) // 30

5. Promise.allSettled понимаете? Рукописное обещание.allSettled
6. Вопросы по алгоритму:70. Подъем по лестнице
7. Напишите метод для генерации случайных значений цвета, например #c1c1c1
8. Принцип двусторонней привязки Vue
9. Принцип реализации вычисляемого
10. Почему браузеры блокируют запросы из разных источников? Как решить междомен? Должен ли каждый запрос из разных источников достигать сервера? Как на стороне браузера перехватывается отправка междоменных запросов (отправка, не получение)?
11. Вы понимаете кеширование браузера? Где обычно хранится сильный кеш? Вычисление всего файла для получения etag будет потреблять производительность, как это решить? Что делать, если я не хочу использовать кеш и каждый раз запрашивать последнюю версию? В чем разница между no-store и no-cache?

две стороны

Продолжительность: 1 час.В целом интервью не хватает широты самого себя.После интервью интервьюер сказал, что ему нужно встретиться с интервьюером.

1. Реализуйте функцию findLastIndex(), которая возвращает индекс последнего вхождения указанного числа в «упорядоченном» массиве.

Например, findLastIndex([1,2,3,3,3,4,5], 3) возвращает 4. Какова временная сложность? Какова максимальная временная сложность? 2. Пожалуйста, внедрите метод кэширования запроса cacheRequest(url, callback), чтобы гарантировать, что при использовании ajax на сетевом уровне фактически выдается только один запрос для одного и того же API для экономии сетевого трафика (при условии, что существует метод, лежащий в основе запроса для инкапсуляции ajax-запросы, формат вызова: запрос (url, data => {}). Например, код вызывающего абонента выглядит следующим образом.

// a.js
cacheRequest('/user', data => {
    console.log('我是从A中请求的user，数据为' + data);
})
// b.js
cacheRequest('/user', data => {
    console.log('我是从B中请求的user，数据为' + data);
}

3. Реализуйте функцию для преобразования строки запроса в URL-адресе в объект, надеясь учесть как можно больше крайних случаев. (Без запроса, тот же ключ, экранированные символы нужно вернуть)
4. Расскажите о проекте, как оптимизирован проект? Как он измеряется после оптимизации? Расчет времени выше раза?
5. Разница между v-show и v-if
6. Как посчитать, сколько раз компонент появляется в окне просмотра? Как используется IntersectionObserver? Откуда вы знаете, что узел DOM появляется внутри области просмотра?
7. Каков механизм реализации vuex? Какие шаблоны проектирования используются в vuex? Есть ли другие?
8. Вы использовали пользовательские директивы? В каком сценарии он используется?
9. Поддерживаются ли общедоступные компоненты? Как это делается? Вы отправляли пакеты через npm? Вы видели, как это делают библиотеки компонентов с открытым исходным кодом других людей?
10. Расскажите о процессе сборки webpack
11. Как webpack обрабатывает циклические ссылки на модули?
12. В чем разница между загрузчиком и плагином? В каком сценарии он используется? Вы сами написали плагин?
13. Знаете о других инструментах сборки? Каковы сценарии использования Rollup?
14. Как вы изучаете новые технологии? На какие новые технологии вы обращаете внимание в последнее время?

Три стороны

Продолжительность: 1 час 04 минуты, о проекте и тут начинаются вопросы, интервьюер очень юмористический. 👍

1. Связанный с проектом (много разговоров об этом)
2. Я не получил правильное значение случайного цвета на одной стороне, и интервьюер сказал мне продолжать делать это.
3. Напишите метод для преобразования шестнадцатеричных значений цвета в десятичные. (#fff => rgb(255,255,255))
4. Задал несколько вопросов по css (вес css, относительное позиционирование, абсолютное позиционирование, верхнее поле отрицательное)

CVTE (двусторонняя подвеска)

Продолжительность: 46 минут, ощущения средние.

одна сторона

1. Расскажите что-нибудь о цикле событий JS? Является ли JS многопоточным? (ps: мое предыдущее описание ответа немного ошибочно) Знаете, какие микрозадачи и макрозадачи? В чем разница между микрозадачами и макрозадачами? Является ли функция обратного вызова привязанной к событию макрозадачей или микрозадачей?
2. Расскажите что-нибудь о замыканиях JS? Как создавать замыкания? Что случилось? Как с этим бороться?
3. Вы только что говорили о сборке мусора, давайте поговорим о сборке мусора.
4. Что делать, если вы хотите узнать, есть ли утечка памяти на странице?
5. Вы только что говорили об оптимизации производительности, как вы использовали инструменты разработчика Chrome в процессе?
6. Каковы недостатки WebWorker? Как получить контекст основного потока в рабочем потоке? Есть ли какое-либо другое решение, кроме использования WebWorker, для решения проблемы зависания? Интервьюер предложил мне узнать о волокнах React. Вы проверяли время связи пробуждения?
7. Технические трудности, с которыми столкнулся проект?
8. Что такое виртуальный список?
9. Принцип двусторонней привязки Vue
10. Основы Vue Что бы вы знали? Расскажите мне об алгоритме сравнения и посмотрите, смогу ли я его понять? (Интервьюер использует React)
11. Какие оптимизации сборки есть у WebPack?
12. Инкапсуляция публичных компонентов, на что следует обратить внимание?

две стороны

Продолжительность: 42 минуты, на половину вопросов ответы не знаю.

1. Проект связанный, просили давно. . .
2. Знаете ли вы о совместном редактировании документов?
3. Говоря об объектно-ориентированном, что такое полиморфизм?
4. Подскажите, как это делает плагин vscode?
5. Знаете ли вы шаблоны проектирования? Есть ли еще что-нибудь, кроме режима наблюдателя, я им обычно пользуюсь.
6. Поговорим о мини-программах WeChat.
7. Знаете ли вы об адаптации мобильного терминала? рем-макет
8. Вы знаете что-нибудь о WebAssembly?
9. Электрон понимает?
10. Вы знаете о TypeScript?
11. Какие новые точки знаний вы изучаете в последнее время, помимо того, что мы сказали выше.

Douyu (односторонний, но HR сказал, что кто-то принял предложение, а не HC)

Продолжительность: 1 час 13 минут. Два интервьюера по очереди задавали вопросы, честно говоря, у меня после интервью немного пересохло слюной.

1. связанные с проектом.
2. Разговор об анти-тряске и троттлинге. Рукописный анти-встряска.
3. Есть результат, для получения которого требуется много вычислений, мы храним его локально и пересчитываем только при изменении ресурса, как это сделать?
4. Что случилось с адресом, введенным в адресную строку? К каким сценариям применим надежный кеш и согласованный кеш?
5. Есть сценарий, когда веб-странице нужно запросить ресурс далеко, а у компании нет денег на покупку CDN Как использовать оптимизацию кеша?
6. 说一下闭包？闭包有什么用？ Каковы недостатки?
7. Подскажите, как JS делает сборку мусора?
8. Принцип двусторонней привязки Vue? Вызов push для добавления элементов в массив автоматически обновит его? Почему?
9. Вы видели исходный код vue? Разговор о принципе diff
10. задавать вопросы

var a = 1 + '2'
var b = 1 - '2'
var c = [1,2] + [3,4]

11. Как вы оценили тип данных JS?
12. JS имеет синхронные и асинхронные задачи, как браузер делает его?
13. Знаете ли вы о функциях ES6? Основной принцип Promise, а как насчет генератора? А как насчет асинхронного ожидания?
14. Как получить первую точку пересечения пересекающегося связанного списка?
15. В чем разница между вызовом, применением и привязкой? Как работает вызов?
16. задавать вопросы

function lottery(whiteList,  participant) {
  
}
// whiteList:类型字符串数组,意义是表示从其他系统中计算出来的活跃用户，如果这批用户参与抽奖，则必定让他中奖。长度不超过1万
// participant:类型字符串数组,意义是表示此次活动中真正参与抽奖的用户，长度约是10万。

// 函数希望从participant返回 2 万个用户，表示中奖用户，优先选取whiteList上的用户，若不在whiteList上，对participant 剩余的随机 选取即可。

Байт (двусторонний)

одна сторона

Продолжительность: 1 час 05 минут, весь процесс собеседования относительно прост, например 👍

1. Расскажите что-нибудь о rem, em, px, vh, vw
2. Как нарисовать линию 0,5px
3. отношение веса css?
4. Какие свойства CSS будут наследоваться, а какие нет?
5. Относительно кого указаны проценты полей и отступов?
6. Разница между @import и ссылкой
7. Каково значение свойства justify-content?
8. Механизм рендеринга браузера? Перерисовывать и перерисовывать? Существует ли однозначное соответствие между узлами дерева dom и дерева рендеринга?

const str1 = 'abc'
const str2 = new String('abc')

str1 == str2
str1 === str2
str1.substr()
str2.substr()

10. В чем разница между var, let и const? Что такое временная мертвая зона?

function showName() {
    console.log('Toutiao');
}
showName();
function showName() {
    console.log('OceanEngine');
}
showName();
var myname = "abc"
function showName2(){
  console.log(myname);
  var myname = "aabbcc"
  console.log(myname);
}
showName2();

12. Что делать, если я не хочу, чтобы другие добавляли или удаляли элементы из объекта obj?
13. Улучшите следующую функцию, чтобы реализовать загрузку изображений.

function createImg(url){   }
createImg(url).then((value) => {
    document.body.appendChild(value)
})

14. Как решить проблемы совместимости с ES6?
15. Функция стабилизации и троттлинга?
16. Принцип двусторонней привязки Vue? Производительность виртуального DOM? держать в живых?$setполезность? $следующий тик?

<template>
  <div>{{a.b}}</div>
</template>

<script>
export default {
  data () {
    return {
      a: {}
    }
  },
  created () {
    this.a.b = 1
  },
  mounted () {
    this.a.b = 2
  }
}
</script>

for(let i=0;i<10;i++){
    this.a = i
    this.$nextTick(() => {
        console.log(this.a)
    })
}

18. Что нового в http2? Что понимается под мультиплексным путем? процесс шифрования https?
19. Что с кешем браузера?
20. Значение 301, 302, 403
21. Что вы знаете об атаках на веб-безопасность? Как защищаться?
22. Как решить междоменный

две стороны

Самостоятельности по-прежнему не хватает, повесьте трубку. После интервью я не пересматривал тему, и не могу вспомнить тему.

Рекрутинг 🎉

• Я присоединился к Kuaishou на неделю, и я только сейчас опубликовал эту статью, она должна быть жесткой и широкой, и я наберу интерфейс. . . ХК большое количество, база в штаб-квартире Куайшоу в Пекине, менторы каждый день проходят собеседования😏, а так же призывают просить резюме, не бойтесь утомлять начальство, начальство все сверхчеловеки👍.
• Студенты, которым нужны внутренние рекомендации, могут добавить меня в WeChat hh18316452113, и у нас будет глубокий обмен мнениями. 😊

напиши в конце

• Люди что-то делают, и что-то происходит на небесах. Во время собеседования покажите, что вы знаете.Если вы пройдете его, придет ваша сила, и придет ваша судьба.Если вы не пройдете его, ваша судьба может не прийти.
• Интервью заставляют людей расти, и благодаря этому интервью я также осознаю свои недостатки и продолжаю следить за ними💪.
• последнее спасибо@小小晴_Интроверт, хахаха.