Выберите правильный вариант 👇🏼 #test

💡 Объявляйте переменные для 'for" вне циклов

Когда выполняете долгий цикл «for» не заставляйте делать движок больше работы чем нужно.

Плохо:

for(var i = 0; i < someArray.length; i++) {  
   var container = document.getElementById('container');  
   container.innerHtml += 'my number: ' + i;  
   console.log(i);  
}  

Обратите внимание как мы должны высчитываем длинну массива для каждой итерации и как мы обходим дерево для поиска #container.

Лучше так:

var container = document.getElementById('container');  
for(var i = 0, len = someArray.length; i < len;  i++) {  
   container.innerHtml += 'my number: ' + i;  
   console.log(i);  
}  

#советы #coding

🔥 Лучшее на канале за неделю

1. Изменения, которые произошли в программировании за последние 20 лет.

2. Markmap — полезный инструмент JS, который помогает визуализировать большие документы Markdown.

3. Объявляйте переменные для 'for" вне циклов.

🛠 Event Cards — CodePen компонента React для показа event cards или других элементов пользовательского интерфейса с миниатюрами. У него красивый современный дизайн и простая, но очень эффектная анимация.

#инструменты #js

📑 Объектно-ориентированный JavaScript: дескрипторы

Над каждым свойством любого объекта в JavaScript можно провести определённый набор манипуляций. Свойство можно записать, изменить, получить значение, а с помощью цикла for .. in или метода Object.keys перечислить все свойства объекта. Вполне стандартный набор операций для работы с объектами, к которому вы, скорее всего, уже привыкли. До релиза стандарта ES5 все эти “качества” объекта изменить было невозможно, но теперь для каждого свойства можно детально описать модель его поведения с помощью дескрипторов.

#статьи #js

Выберите правильный вариант 👆 #test

🛠 Octomments — хорошее решение для добавления комментариев на ваш сайт, использующее GitHub в качестве источника обсуждения. Проект состоит из приложения GitHub и библиотеки JS, которые работают вместе, чтобы отобразить полнофункциональный раздел комментариев, размещенный внутри выбранного репозитория GitHub.

#инструменты #js

💡 Переместите скрипты вниз страницы

Основная цель этого совета — заставить страницу грузиться как можно быстрее. Когда браузер грузит скрипт, он не продолжит рендеринг, пока весь файл не будет загружен. Таким образом пользователю придется ждать дольше.

Если ваши JS скрипты служат для добавления функциональности — например, обработки кликов кнопки, то вам стоит перенести скрипты вниз, поставив их перед закрывающимся тегом body.

<p>And now you know my favorite kinds of corn. </p>  
<script type="text/javascript" src="path/to/file.js"></script>  
<script type="text/javascript" src="path/to/anotherFile.js"></script>  
</body>  
</html>

#советы #coding #js

📑 Перебирающие методы массивов изнутри

Методы массивов forEach, map, filter, some, every и reduce являются неотъемлимой частью функционального программирования на JavaScript. В этой статье подробно рассмотрим применение каждого из них, а также их реализацию в виде функций.

#статьи #js

💡 Не используйте Eval и не передавайте строку в «SetInterval» или «SetTimeOut»

Функция «eval» дает нам доступ к компилятору JavaScript. Т.е. мы можем выполнить команду записанную в строковой переменной, которую передадим в качестве параметра в eval.
Это не только замедлит вашу программу, но еще и предполагает возниковение огромной дыры безопасности вашего приложения. Это плохо. По возможности избегайте этого.

Далее рассмотрим следующий код:

setInterval(  
"document.getElementById('container').innerHTML += 'My new number: ' + i", 3000  
);  

Он не только неэффективен, но еще и работает так же как и «eval». Результаты будут такие-же. Вместо этого передавайте функцию в качестве аргумента.

setInterval(someFunction, 3000);

#советы #coding #js

🔥 Лучшее на канале за неделю

1. Объектно-ориентированный JavaScript: дескрипторы.

2. Octomments — хорошее решение для добавления комментариев на ваш сайт, использующее GitHub в качестве источника обсуждения.

3. Не используйте Eval и не передавайте строку в «SetInterval» или «SetTimeOut».

🛠 MassCode - это менеджер фрагментов кода с открытым исходным кодом. Это маленькое приложение предоставляет красивый и понятный интерфейс для управления всеми вашими фрагментами кода и шпаргалками. Работает на Windows, Mac и Linux.

#инструменты

📑 Microsoft начала проверку утечки исходного кода Windows XP

Это первая утечка кода Windows XP. Маловероятно, что она нанесет вред пользователям, считает The Verge.

#статьи

Выберите правильный вариант 👇🏼 #test

🛠 Electron React Boilerplate — отличный стартовый комплект для разработки кроссплатформенных настольных приложений на базе Electron. Проект GitHub предлагает прочную основу, которая поможет вам все настроить и начать работу в кратчайшие сроки. Включает Electron, React, Redux, Webpack и многое другое.

#инструменты

💡 Самый быстрый способ получить строку в JavaScript

For это не всегда лучший способ для того чтобы обойти массив или объект. Будьте изобретательны и вы найдете наиболее быстрое решение для текущей задачи.

var arr = ['item 1', 'item 2', 'item 3', ...];  
var list = '<ul><li>' + arr.join('</li><li>') + '</li></ul>';  

«Я не собираюсь давать вам скучные бенчмарки, но поверьте мне (или проверьте сами) это действительно самый быстрый способ.

Использование нативных методов (таких как join()), независимо от того что происходит за слоем абстракции гораздо быстрее чем любая ненативная альтернатива.» — James Padolsey, james.padolsey.com

#советы #coding #js

📑 Как выбрать язык программирования для изучения

ИТ-индустрия меняется невероятно быстро. Технологии и языки программирования, которые сегодня очень популярны, завтра устареют. Тенденции приходят и уходят, и рынок труда также постоянно колеблется. Итак, как выбрать, какой язык программирования изучать дальше? Чтобы найти правильный ответ, вам нужно принять во внимание множество вещей, например...

#статьи