Вопросы с меткой [javascript]

JavaScript (не путать с Java) — динамический, интерпретируемый язык со слабой типизацией, обычно используемый для написания скриптов на стороне клиента. Эта метка предназначена для вопросов, связанных с ECMAScript, его различными диалектами и реализациями (за исключением ActionScript). Если нет меток, относящихся к фреймворкам, предполагается, что код в ответах также не должен требовать сторонних библиотек.

Фильтрация
Сортировка
Метки
164 голоса
3 ответа
42k показов

Что значит "use strict"?

Нередко встречается код со строкой "use strict";. Например, библиотеки часто начинаются с этого: (function () { "use strict"; Что значит "use strict", и зачем его использовать? На других языках:...
  • 10.3k
148 голосов
4 ответа
19k показов

Как вернуть значение из события или из функции обратного вызова? Или хотя бы дождаться их окончания

Пытаюсь делать вот так, но ничего не получается: var result = ""; someInput.onchange = function() { result = someInput.value; }; $.get("someapi", function (data) { result = data.foo; }); some....
98 голосов
5 ответов
11k показов

Остаток для отрицательного аргумента ошибочен?

Во многих языках программирования (C, C++, C#, Java, различные диалекты Паскаля, PHP, JavaScript) есть оператор вычисления остатка. Он действует очевидным, единственно верным образом для положительных ...
  • 205k
86 голосов
2 ответа
11k показов

Строчка, которая изменит мир [закрыт]

window.history.replaceState(state, title, url); Вот она :) state - может быть объектом, может быть строкой, что менять url - строка, на что менять title - новый title страницы Недавно во всем ...
  • 4,042
85 голосов
1 ответ
11k показов

Книги и учебные ресурсы по JavaScript

Рекомендуемая литература, учебники и документация по JavaScript. Формат: Имя Фамилия — «Название книги целиком и полностью», ГГГГ г.. Формат для переведенной литературы: Имя Фамилия (Name ...
81 голос
14 ответов
4k показов

Новогодний конкурс 2020 года!

В прошлом году подобный конкурс неожиданно привлек большой интерес участников RUso. Было весело, люди хотели продолжение праздника вновь и вновь. К слову, было проведено 4 конкурса с ...
76 голосов
5 ответов
17k показов

Потеря контекста вызова

Объясните, пожалуйста, почему после присвоения var f = obj1.f теряется контекст вызова и выводится undefined? var obj1 = { x: 3, f: function() { return (this.x); } }; alert(...
  • 919
67 голосов
18 ответов
6k показов

Анимация новогодней ёлочки

Наступает Новый год! Хорошо бы поднять настроение себе и другим. Копировать и рассылать открыточки с красивыми картинками и гифками, скаченными из сети, уже как-то не интересно. Хочется чего-то ...
66 голосов
1 ответ
27k показов

Двойное отрицание

Как понимать двойное отрицание: !! (например, в JavaScript)?
  • 2,264
63 голоса
3 ответа
4k показов

Отображение числа 9223372036854775807

Почему разные языки по-разному отображают число 9223372036854775807, хотя все используют один и тот же формат 8-байтного double для представления чисел? 9223372036854775807 - в коде ...
  • 120k
58 голосов
2 ответа
11k показов

Почему асинхронная функция внутри цикла выполняет последнюю итерацию много раз?

Есть setTimeout внутри цикла for: for (var i = 1; i <= 5; i++) { setTimeout(function() { console.log(i); }, i * 1000); } Я хочу показывать числа 1, 2, 3, 4, 5, но ...
  • 10.3k
52 голоса
5 ответов
148k показов

Как в javascript "закрывать" div при клике вне этого дива?

При клике по некоторому элементу управления на экране появляется div c текстом подсказок. У дива есть кнопка "закрыть". Но хочется, чтобы он закрывался не только по клику на кнопку, но и вне области ...
  • 1,149
48 голосов
7 ответов
8k показов

Как работают замыкания в JavaScript

Как сказал Альберт Эйнштейн: Если вы не можете объяснить что-то шестилетнему, то вряд ли вы сами вполне понимаете. Я тут попытался объяснить замыкания знакомому 27-ми лет, и он ничего не понял. Как ...
  • 1,278
48 голосов
2 ответа
6k показов

На какие уязвимости, помимо SQL-инъекций и XSS, стоит проверить сайт?

Давно не интересовался методами взлома, так что солидно отстал от жизни. Кто с чем сталкивался?
  • 559
46 голосов
4 ответа
6k показов

Как и какими средствами находить ошибки в Javascript коде?

Иногда код не работает так, как задумано или вообще не работает. Часами гадаю что и где не так. Или иду на проф. ресурсы, например Stack Overflow и публикую вопрос "Где здесь ошибка?" или &...
42 голоса
7 ответов
177k показов

Что такое javascript:void(0);?

Ребят, всем привет. Есть сайт. Там есть ссылка с href = "javascript:void(0);". Что это? И как узнать, на что ссылается, и где этот скрипт? Есть доступ ко всем исходникам.
  • 3,910
37 голосов
1 ответ
636 показов

Как настроить angular-gridster.js, чтобы избежать наложения изображений и их ресайза

Как настроить angular-gridster, чтобы убрать Z-слои и наложение изображений друг на друга? Сейчас, если изображения большие, они накладываются друг на друга. Настройки, видимо, находятся в $scope....
  • 940
36 голосов
2 ответа
7k показов

Как написать компаратор для сортировки?

Как отсортировать числовой массив? Как отсортировать массив объектов по нескольким полям?
  • 120k
34 голоса
1 ответ
4k показов

Что такое HTML5 WebSocket, Long/short Polling, AJAX, WebRTC, Server-Sent Events?

Я тут решил сделать велосипед: небольшой чат для друзей. Мне стало интересно, а как это происходит наподобие вконтакте или других проектах? Ведь сообщения/уведомления приходят мгновенно и не ...
33 голоса
4 ответа
195k показов

Как реализовать аналог $(document).ready на чистом JS?

Тоже самое только на JS. Как перевести? $(document).ready(function(){ $("#form_error_message_frontend + div > div:last-child label").addClass("last"); })
  • 1
33 голоса
4 ответа
1k показов

Новогодний конкурс 2022 года!

У нас, на RuSO каждый Новый Год организуются Новогодние конкурсы: Анимация новогодней ёлочки - 2018г. Новогодний конкурс 2020 года! Новогодний конкурс 2021 года! В этом году было выбрано ...
32 голоса
4 ответа
211k показов

Как узнать, есть ли элемент в массиве?

Есть массив: ['dog', 'cat', 'hamster', 'bird', 'fish'], нужно вывести в консоль true, если массив содержит dog и false — если такой элемент отсутствует, но насколько я понимаю доступ к элементу в ...
  • 343
32 голоса
4 ответа
2k показов

Выполнить html, css, js написанные в textarea

Как можно сделать простой скрипт? Например: три колонки где можно вводить код, html, css, js и четвертая колонка, где выводится результат. Для тестирования html, css, js, подобно тому, что есть на ...
  • 1,695
30 голосов
1 ответ
1k показов

String & StringBuilder

В таких языках как Java и C# для конкатенации большого числа строк принято использовать StringBuilder, чтобы получить линейную асимптотику вместо квадратичной. Однако, JavaScript каким-то образом ...
  • 120k
29 голосов
9 ответов
2k показов

Самые короткие и простые способы генерации различных фракталов или других изображений

Я интересуюсь компьютерной графикой и хотел бы провести своего рода конкурс. Я хотел бы узнать о новых (для себя) способах генерации различных фракталов или других изображений, полученных по ...
29 голосов
2 ответа
3k показов

Прототипное наследование

Добрый День. Изучаю способы организации наследования в JavaScript и написал небольшой пример : function Foo(name) { this.name = name; } Foo.prototype.myName = function() { return this....
  • 557
28 голосов
18 ответов
13k показов

Обход двумерного массива спиралью по часовой стрелке

Задача соревнования: Есть двумерный массив N x N. Нужно написать функцию, которая будет обходить двумерный массив спиралью по часовой стрелке, как показано на картинке. Пример 4x4: На входе есть ...
user avatar
28 голосов
3 ответа
3k показов

Как создать эффект Воды?

Очень хотелось бы узнать как можно реализовать эффект воды которое используетсья тут Сразу при заходе на сайт пролистайте наверх чтобы чтобы не ждать а потом увидите картинки с эффектами воды или ...
  • 1,921
28 голосов
4 ответа
1k показов

Как получить путь пересечения двух путей SVG программно?

Нужно пересечь два SVG-пути и получить путь, представляющий их пересечение. Не важно, будет это работать в браузере или в Node.js. Нужно именно пересечение, использование clip-path не подходит. Если ...
  • 120k
27 голосов
6 ответов
1k показов

Как увеличить скорость работы сайта Front?

На сайте backend отрабатывает за 50 мс, а фронт забирает кучу времени. В итоге полсекунды на отображение страницы с использованием кэша, без кэша 700 мс. Есть правила и способы увеличить скорость ...
  • 1,734
26 голосов
1 ответ
17k показов

В чем разница между == и ===?

Мне кажется, что операторы == и === работают одинаково. Например: 1 == 1 // true 1 === 1 // true 1 == 2 // false 1 === 2 // false Оператор == короче и часто встречается в других языках ...
  • 10.3k
25 голосов
6 ответов
2k показов

Как создать анимированную иконку Stackoverflow

Ниже изображения иконок EnSO и RuSO : Код иконки EnSO <svg xmlns="http://www.w3.org/2000/svg" width="240" height="240" viewBox="0 0 120 120"> <style>.st0{fill:#bcbbbb}.st1{fill:...
25 голосов
6 ответов
154k показов

Как поделить число нацело в javascript?

Как в javascript поделить число нацело? Есть ли какой-то оператор для деления нацело?
  • 2,312
25 голосов
3 ответа
6k показов

Возврат функции из функции - как работает замыкание? [дубликат]

Учу js и, к сожалению, не понял одну вещь function makeCounter() { var currentCount = 1; return function() { // (**) return currentCount++; }; } var counter = makeCounter(); // (*) // ...
  • 355
25 голосов
1 ответ
334 показа

Заполнение объекта водой

Как сделать чтобы вода в этом примере https://jsfiddle.net/wsygj8q4/2/ обтекала бутылку, а не накладывалась на нее? .body { width: 149px; height: 706px; background-image: url("http://...
  • 546
25 голосов
3 ответа
1k показов

Как повторить этот css эффект?

Подскажите, как я могу повторить эффект появления блока, как на этом видео? На данный момент имею что-то вот такое. Появление реализовано через свойство clip-path. Не могу додуматься как мне ...
24 голоса
2 ответа
4k показов

Как узнать что изменило HTML элемент?

При клике на одну из кнопок на сайте исчезает другая кнопка. (display:none) Так не должно быть, и не могу найти код где это делается! В консоли Google Chrome и Mozzila Firefox не нашел... Проект ...
  • 1,451
24 голоса
5 ответов
7k показов

Зачем использовать getElementById, если можно получить элемент через переменную с именем, равным значению атрибута id?

Собственно век живи век учись! window.onload = function() { div_1.onclick = function() { div_2.value = div_1.innerHTML; } } <div id="div_1">TEXT</div> <input type="...
  • 9,330
24 голоса
1 ответ
6k показов

Что значит void 0?

Иногда вижу такие ссылки <a href="javascript:void(0)">Войти</a> и void 0 тоже используется в библиотеке Backbone.js, например: if (obj == null) return void 0; Что значит void 0, и для ...
  • 10.3k
24 голоса
1 ответ
1k показов

Javascript: безопасны ли висячие запятые?

Один мой коллега очень любит при определении константных Javascript-объектов оставлять висячие запятые: var myObj = { prop1: 'smth', prop2: 'smthElse', // <--- Висячая запятая! } ...
24 голоса
2 ответа
453 показа

SVG как сделать обратное проигрывание анимации?

По клику нужно чтобы анимация останавилась на паузу,а потом по ещё одному клику воспроизвелась с тогоже места но в обратном направлении,как сделать? var play = document.querySelector(".play"), ...
  • 281
23 голоса
4 ответа
1k показов

Как сделать баннер с капающим краном

Как сделать баннер с капающем краном. У меня есть изображение капающего крана Сценарий анимации Водопроводный кран, из которого тянется и падает капелька воды. Цикл повторяется несколько раз Кран ...
23 голоса
4 ответа
48k показов

В чём отличие npm install --save-dev от --save

В чем заключается отличие команд --save-dev и --save при установке пакета через npm?
23 голоса
2 ответа
366 показов

Что лучше, 15мб зависимостей или свой велосипед?

При разработке публичного npm пакета часто возникает вопрос, использовать ли существующее решение, которое тянет с собой чуть-ли не половину всех популярных пакетов с npm, или написать свой велосипед. ...
23 голоса
4 ответа
838 показов

Зачем при записи чисел в конце добавляют .0?

Часто в коде программ числа записываются в виде цифры с .0 на конце. Например: C: double s = 1.0 / 6.0; Delphi: var d: Single; begin d := 16.0 + 1.0; end; JS: var t = 90.0; Возможны примеры и на ...
  • 13.4k
22 голоса
4 ответа
45k показов

Для чего нужен package-lock.json?

Доброе время суток. Я почитал документацию к NPM, почитал форумы, но всё равно до конца не совсем понимаю, смысловую нагрузку этого файла. Вот то что описано на npm документации: Этот файл ...
22 голоса
4 ответа
455 показов

верстка 6-угольников

Подскажите, кто знает как это сверстать? В интернете мало инфы по этому поводу. Спасибо)
21 голос
6 ответов
75k показов

Плавная прокрутка к якорю без jQuery

Есть отличный скрипт плавной прокрутки на jQuery. var $page = $('html, body'); $('a[href*="#"]').click(function() { $page.animate({ scrollTop: $($.attr(this, 'href')).offset().top }, ...
  • 833
21 голос
5 ответов
4k показов

Как сделать адаптивный svg?

Необходимо сделать адаптивный SVG. Как сделать так, чтобы при изменении размеров изображения (или viewport-а), дочерние элементы SVG перемещались и перестраивались (как в адаптивной вёрстке HTML). ...
  • 211
21 голос
8 ответов
928 показов

Инкапсуляция JavaScript

Как достать инкапсулированное значение в прототип? Как это выглядит: function A(a,b){ this.a = a; this.b = b; var arr = [a,b]; } A.prototype.A1 = function(){ console.log(this.a); } A....