Daily Coding 🔥
Open in Telegram
Канал, который научит вас программировать лучше и эффективнее. Интересные задачи, обучающие статьи, советы по стилю кода и многое другое. Ссылка: @Portal_v_IT Сотрудничество: @oleginc, @tatiana_inc Канал на бирже: telega.in/c/dailycoding
Show more8 024
Subscribers
-224 hours
-237 days
-11330 days
Posts Archive
8 024
💡 Переместите скрипты вниз страницы
Основная цель этого совета — заставить страницу грузиться как можно быстрее. Когда браузер грузит скрипт, он не продолжит рендеринг, пока весь файл не будет загружен. Таким образом пользователю придется ждать дольше.
Если ваши 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
8 024
🛠 Octomments — хорошее решение для добавления комментариев на ваш сайт, использующее GitHub в качестве источника обсуждения. Проект состоит из приложения GitHub и библиотеки JS, которые работают вместе, чтобы отобразить полнофункциональный раздел комментариев, размещенный внутри выбранного репозитория GitHub.
#инструменты #js
8 024
📑 Объектно-ориентированный JavaScript: дескрипторы
Над каждым свойством любого объекта в JavaScript можно провести определённый набор манипуляций. Свойство можно записать, изменить, получить значение, а с помощью цикла
for .. in или метода Object.keys перечислить все свойства объекта. Вполне стандартный набор операций для работы с объектами, к которому вы, скорее всего, уже привыкли. До релиза стандарта ES5 все эти “качества” объекта изменить было невозможно, но теперь для каждого свойства можно детально описать модель его поведения с помощью дескрипторов.
#статьи #js8 024
🛠 Event Cards — CodePen компонента React для показа event cards или других элементов пользовательского интерфейса с миниатюрами. У него красивый современный дизайн и простая, но очень эффектная анимация.
#инструменты #js
8 024
🔥 Лучшее на канале за неделю
1. Изменения, которые произошли в программировании за последние 20 лет.
2. Markmap — полезный инструмент JS, который помогает визуализировать большие документы Markdown.
3. Объявляйте переменные для 'for" вне циклов.
8 024
💡 Объявляйте переменные для '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);
}
#советы #coding8 024
📑 Чем программирование сегодня отличается от программирования 20 лет назад?
В статье описывается часть изменений в случайном порядке, которые произошли в программировании за последние 20 лет.
#статьи
8 024
🛠 Markmap — полезный инструмент JS, который помогает визуализировать большие документы Markdown путем создания интеллект-карт. Он берет все разделы файла .md и представляет их в удобном для просмотра виде и навигации.
#инструменты #js
8 024
📑 JavaScript: область видимости простыми словами
Область видимости — важная концепция, определяющая доступность переменных. Данная концепция лежит в основе замыканий, разделяя переменные на глобальные и локальные.
В этой статье постараемсяь простыми словами объяснить, что такое область видимости в JavaScript.
#статьи #js
8 024
🛠 μPlot — быстрая библиотека с эффективным использованием памяти для создания великолепных 2D-диаграмм на основе Canvas. μPlot предлагает множество типов графиков, вариантов настройки и другие интересные функции.
#инструменты #js
8 024
🔥 Лучшее на канале за неделю
1. Как приложение Reface завоевало мир
2. Kite — быстрый доступ к документации и автозаполнение на основе ИИ.
3. Использование __main__.py.
8 024
Интересуешься компьютерными технологиями, но все ещё плохо в них разбираешься? Переходи в @zametkiitshnika!
На канале ты найдёшь:
- Обучение различным IT-процессам
-Обучение хакингу
- Информацию об обмане в сети и как не стать жертвой интернет-мошенников
Подписывайся и мы научим быть продвинутым IT пользователем!
@zametkiitshnika
8 024
💡 Уменьшите количество глобальных переменных
«Сведением количества глобальных переменных к одному, вы значительно снижаете шансы нежелательного взаимодействия с другими приложениями, виджетами или библиотеками.»
— Douglas Crockford
Вместо
var name = 'Jeffrey';
var lastName = 'Way';
function doSomething() {...}
console.log(name); // Jeffrey -- or window.name
Лучше
var DudeNameSpace = {
name : 'Jeffrey',
lastName : 'Way',
doSomething : function() {...}
}
console.log(DudeNameSpace.name); // Jeffrey
Мы уменьшили количество глобальных переменных до одного, странным образом названного, обьекта «DudeNameSpace».
#советы #coding #js8 024
🛰 Услуги связи выгоднее в пакете "Персональный MIX" от РТКОММ. 🛰
📡 VSAT канал связи, внутрикорпоративная телефония, видеонаблюдение, комплекс сетевой безопасности.
- Скидка до 50% на услуги в пакете. 💡
- Единый счет. 💳
- Индивидуальный набор услуг. 👌
Экономия, комфорт и удобство. Соберите свой пакет!
Available now! Telegram Research 2025 — the year's key insights 
