Tag Archives: собеседование

Вывести элемент по центру другого

Без заранее не известной ширине и высоте.

.element {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.element {

position: relative;

top: 50%;

-webkit-transform: translateY(-50%);

-ms-transform: translateY(-50%);

transform: translateY(-50%);

left: 50%;

-webkit-transform: translateX(-50%);

-ms-transform: translateX(-50%);

transform: translateX(-50%);

}

Работает в ИЕ9+. JS Bin http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/

Обработчик кастомных событий на чистом js

Часто попадается на собеседованиях, сам спрашиваю;) Давно видел эту ссылку, а тут почему-то найти не могу. Вот решение от Nicholas C. Zakas:

Вопросники для тестов по javascript

http://madebyknight.com/javascript-scope/ http://javascript.ru/test http://asenbozhilov.com/articles/quiz.html http://www.nczonline.net/blog/2010/02/16/my-javascript-quiz/ http://perfectionkills.com/javascript-quiz/ http://dmitry.baranovskiy.com/post/91403200 http://dmitrysoshnikov.com/ecmascript/the-quiz/ http://james.padolsey.com/javascript/another-javascript-quiz/ http://www.techrepublic.com/blog/software-engineer/javascript-interview-questions-and-answers/

Странный вывод странного кода

var x = 'outer';
(function() {
  var x = 'inner';
  eval('console.log(x)'); 
  (1,eval)('console.log(x)'); 
})();

var x = 'outer';

(function() {

var x = 'inner';

eval('console.log(x)');

(1,eval)('console.log(x)');

})();

выведет

inner
outer

1 2	inner outer

Почему? Вкратце — судя по всему, eval работает с контекстом корректно только при прямом вызове. А если вызвать его ненапрямую, например

var ev = eval; 
ev('console.log(x)');

1 2	var ev = eval; ev('console.log(x)');

то и в этом случае контекст сбросится на глобальный. Тут есть попытки объяснения: http://stackoverflow.com/questions/19357978/indirect-eval-call-in-strict-mode http://stackoverflow.com/questions/9107240/1-evalthis-vs-evalthis-in-javascript

Тест на регулярные выражения

http://regex.alf.nu/ Вот мой результат — http://grab.by/trRg (заняло часа три, помогал ребёнок трёх лет). Максимум, который видел — 3886 очков (правда за 3 с лишним дня).

Галерея только средствами CSS

В собеседованиях бывают вопросы про галерею. В частности — сделать галерею без JS. Вот как это можно сделать.

Способ поместить элемент по центру другого

Стандартный вопрос на собеседовании: один див ровно по центру другого. Вот еще один способ решения задачи: JS Bin http://jsbin.com/vaqabaxo/1/edit (http://jsfiddle.net/4LKMs/1/)

Вопросы на собеседование front-end разработчику

https://github.com/darcyclarke/Front-end-Developer-Interview-Questions

Вопросы потенциальному работодателю (перепост)

Всем привет! Представим, что мы устраивамся на работу. Техническое интервью пройдено, нетехническое тоже, и тут наступает момент икс. Менеджер проекта, в который мы устраиваемся, произносит ключевую фразу: «У Вас есть к нам с коллегами какие-то вопросы?» И вот тут мы рискуем совершить большую ошибку, сказав, что в целом нам всё понятно. Потому что чаще всего, …