Frontend Interview - собеседования по Javascript / Html / Css
前往频道在 Telegram
Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/frontendinterview Канал в реестре РКН: https://rknn.link/su
显示更多
网络:📈 Telegram 频道 Frontend Interview - собеседования по Javascript / Html / Css 的分析概览
频道 Frontend Interview - собеседования по Javascript / Html / Css (@frontendinterview) 俄语 语言赛道中的 是活跃参与者。目前社区聚集了 10 747 名订阅者，在 技术与应用 类别中位列第 11 392，并在 俄罗斯 地区排名第 60 311 位。
📊 受众指标与增长动态
自 невідомо 创建以来，项目保持高速增长，吸引了 10 747 名订阅者。
根据 11 七月, 2026 的最新数据，频道保持稳定运转。过去 30 天订阅人数变化为 -95，过去 24 小时变化为 -1，整体触达仍然可观。
- 认证状态： 未认证
- 互动率 (ER)： 平均受众互动率为 6.72%。内容发布后 24 小时内通常能获得 4.13% 的反应，占订阅者总量。
- 帖子覆盖： 每篇帖子平均可获得 722 次浏览，首日通常累积 444 次浏览。
- 互动与反馈： 受众积极参与，单帖平均反应数为 2。
- 主题关注点： 内容集中在 javascript, браузер, html, css, видимость 等核心主题上。
📝 描述与内容策略
作者将该频道定位为表达主观观点的平台：
“Канал для подготовки к собеседованиям по фронтенду
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront
Купить рекламу: https://telega.in/c/frontendinterview
Канал в реестре РКН:
https://rknn.link/su”
凭借高频更新（最新数据采集于 12 七月, 2026），频道始终保持新鲜度与高覆盖。分析显示受众积极互动，使其成为 技术与应用 类别中的关键影响点。
10 747
订阅者
-124 小时
-217 天
-9530 天
帖子存档
Наглядный_CSS_2021_Грег_Сидельников.pdf12.35 MB
Грег Сидельников упорядочил свойства по основной категории (положение, размерность, макеты, CSS-анимация и т. д.) и визуализировал их работу. Вместо бесконечных томов документации – две с половиной сотни иллюстраций помогут вам разобраться во всех тонкостях работы CSS.
👉 @frontendInterview
Пояснение
Обычные переменные в JavaScript нельзя удалить с помощью оператора delete. В строгом режиме попытка удалить переменную вызовет ошибку и не будет разрешена.
Оператор delete может удалять только свойства объекта. Свойства объекта "квалифицированы", если они конфигурируемы.
В отличие от общепринятого мнения, оператор delete не имеет ничего общего с непосредственным освобождением памяти.
Эта ошибка возникает только в коде строгого режима. В нестрогом коде операция просто возвращает false.
👉 @frontendInterview
Что выведется в консоль?
В чем разница между Object.getOwnPropertyNames() и Object.keys()
Object.getOwnPropertyNames() возвращает перечислимые и не перечислимые свойства из объекта или массива.
Пример:
var arr = ["a", "b", "c"]; print(Object.getOwnPropertyNames(arr).sort()); // prints "0,1,2,length"// Array-like object
var obj = { 0: "a", 1: "b", 2: "c"};
print(Object.getOwnPropertyNames(obj).sort()); // prints "0,1,2"
Object.keys() возвращает перечислимые свойства из объекта или массива.
Пример:
var arr = ["a", "b", "c"]; alert(Object.keys(arr)); // will alert "0,1,2"// array like object
var obj = { 0 : "a", 1 : "b", 2 : "c"};
alert(Object.keys(obj)); // will alert "0,1,2"
👉 @frontendInterviewКакое CSS свойство не может быть установлено с помощью сокращенного свойства background?
Как добавлять элементы на HTML страницу динамически ?
Создание новых элементов осуществляется с помощью document.createElement(tagName);
После создания элемента его нужно присоединить к родительскому элементу с помощью .appendChild(node);
Пример:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Title</title>
<script type="text/javascript">
function addNode() {
var newP = document.createElement("p");
var textNode = document.createTextNode(" I'm a new text node");
newP.appendChild(textNode);
document.getElementById("target").appendChild(newP);
}
</script>
</head>
<body onload="addNode();">
<p id="target">sart here<p>
</body>
</html>
👉 @frontendInterviewЧто такое hoisting или "поднятие переменных"? Что произойдет при выполнении кода с картинки?
Интерпретатор JavaScript всегда перемещает («поднимает») объявления функций и переменных в начало области видимости (вверх текущего скрипта или функции). Код в вопросе аналогичен следующему:
myname = "global";
function func() {
var myname;
console.log(myname); // "undefined"
myname = "local";
console.log(myname); // "local"
}
func();
В консоль будет напечатано:
undefined
local
👉 @frontendInterviewПояснение
Свойство margin может быть задано с использованием одного, двух, трёх или четырёх значений.
👉 @frontendInterview
Сколько значений можно передать в CSS свойство margin?
Это число?
Напишите функцию, которая преобразует строку в число и вернет true, если полученный результат действительно является числом и false, если результат не валиден.
Примеры:
isDigit("3")
isDigit(" 3 ")
isDigit("-3.23")
Вернут true
isDigit("3-4")
isDigit(" 3 5")
isDigit("3 5")
isDigit("zero")
Вернут false
👉 @frontendInterviewКакие языковые конструкции в javascript создают scope? Что произойдет при выполнении куска кода с картинки?
В javascript только функции создают новый scope.
Код в вопросе аналогичен следующему:
var a = 90100;
function someFunc(){
var a;
var b;
if(false){
a = 1;
} else {
b = 2;
}
console.log(b);
console.log(a); //(1) переменную a переопределили в функции
}
someFunc();
Результат выполнения:
2
undefined
👉 @frontendInterviewКак удалить элемент из localStorage?
В чём опасность использования for .. in для объекта или массива?
For..in итерируется по всем полям объекта и его прототипов (т.е. проходит по всей цепочке прототипов).
В приведённом в вопросе коде проблем как таковых нет, но они могут появиться при использовании библиотек/полифиллов, которые переопределяют или создают новые свойства для прототипов стандартных конструкторов (таких как Array или Object).
Пример:
var arr = [3, 4, 5];
Array.prototype.each = function() {/*some fancy polyfill*/};
for (var i in arr) {
console.log(i);
}
Выведет
0 1 2 eachЧтобы избежать таких проблем, можно воспользоваться методом Object.prototype.hasOwnProperty. Модифицированный пример, который работает корректно:
var arr = [3, 4, 5];
Array.prototype.each = function() {/*some fancy polyfill*/};
for (var i in arr) {
if (arr.hasOwnProperty(i)){
console.log(i);
}
}
👉 @frontendInterviewJavaScript с нуля
JavaScript еще никогда не был так прост! Вы узнаете все возможности языка программирования без общих фраз и неясных терминов. Подробные примеры, иллюстрации и схемы будут понятны даже новичку. Легкая подача информации и живой юмор автора превратят нудное
👉 @frontendInterview
Расшифровка римских цифр
Создайте функцию, которая на вход принимает строку, представляющую собой римскую цифру и возвращает целое десятичное число.
Римское число пишется так:
1990 = "MCMXC" (1000 = M, 900 = CM, 90 = XC) 2008 = "MMVIII" (2000 = MM, 8 = VIII).Расшифровка: Symbol Value
I 1
V 5
X 10
L 50
C 100
D 500
M 1,000
👉 @frontendInterviewLet's practice guys?
Хватит использовать шаблонные макеты — давай сделаем реальный проект!
Присоединяйся и сверстай сайт с интерактивной навигацией для жилого комплекса за 4 дня.
Программа интенсива:
✅ День 1
— разметка страницы с помощью HTML и CSS
— вырезаем графику из макета Figma
✅ День 2
— верстаем дом с навигацией по этажам
— полигоны в SVG-графике
— пишем стили для страницы
✅ День 3
— делаем интерактивную навигацию
— подключение скриптов к сайту
— база по JS, которая нужна в работе
✅ День 4
— пишем правила адаптивной верстки
— проверяем функционал, дописываем его
Переходи по ссылке и получи приглашение:
https://telegram.me/gloacademy_bot?start=6116150003395e9636d49557
P.S. Если у тебя возникнут проблемы с написанием кода, мы ответим на любые вопросы и подскажем как исправить ошибки.
