javascript (278)

Реліз Node.js 10

Node.js 10.0 відноситься до гілок з тривалим терміном підтримки, проте цього статусу вона набуде тільки в жовтні, після проведення стабілізації. Оновлення для LTS-гілок випускаються протягом 4 років. Підтримка минулої LTS-гілки Node.js 8.0 триватиме...

Codeguida · 30 квітня 2018 · 2

Розблокування доступу до буфера обміну

Протягом останніх декількох років для взаємодії з буфером обміну браузери об'єднувало використання document.execCommand. Приємно мати один широко підтримуваний спосіб інтегрувати копіювання та вставку у веб-застосунки, але все не так просто: доступ д...

Codeguida · 10 квітня 2018 · 60

Компоненти вищого порядку у Vue.js

Як описано в документації React, компонент вищого порядку (HOC) це функція, що приймає компонент в ролі аргументу й повертає наново створений компонент. Компонент, що повертається, як правило, доповнюється особливостями, наданими компонентом вищого...

Codeguida · 29 березня 2018 · 7

9 багатообіцяльних порад щодо промісів

1. Ви можете повернути проміс всередині .then Дозвольте мені виділити найважливішу пораду: Так! Ви можете повернути проміс всередині .then Також, проміс, що повертається, автоматично розпаковується в наступному .then .then(r => { return serverSta...

Codeguida · 15 березня 2018 · 9

Цікаві пропозиції ECMAScript 2017, які ще не були прийняті

Важко постійно мати оновлену інформацію щодо всіх нових пропозицій функцій. Щороку в комітет TC39, який контролює розвиток JavaScript, пропонуються десятки функцій. Оскільки багато з них ніколи не дійдуть до другої стадії, важко визначити, за якими з...

Codeguida · 07 березня 2018 · 1

Топ-10 найпоширеніших помилок JavaScript (та як їх уникнути)

Щоб визначити десять найрозповсюдженіших помилок JavaScript, команда Rollbar переглянула понад тисячу проектів своїх клієнтів. Ось які результати вони отримали: Помилки відсортовано за кількістю проектів у яких вони зустрічаються. Розглянемо кожну з...

Codeguida · 22 лютого 2018 · 327

Створюємо свій перший Vue.js компонент

Неважливо, наскільки добре задокументований фреймворк. Цього все одно недостатньо. Ознайомлення з теорією не завжди допомагає самостійно реалізувати отримані знання. У цій статті ми створимо систему оцінювання за кількістю зірок й будемо посилатись н...

Codeguida · 07 лютого 2018 · 11

Як react.fragment допомагає писати семантичний HTML?

import React, { Fragment } from "react" const Headings = props => { return ( <Fragment> <h1>{props.title}</h1> <p>{props.subtitle}</p> </Fragment> ) } HTML це основа вебу, тому написаний вами код має буди семантичним. Якщо ви пишете сем...

Codeguida · 02 лютого 2018 · 3

Знайомство з асинхронними ітераторами та генераторами

TLDR Б'юся об заклад, ви й не знали, що наступний блок коду — цінна річ: for await (const info of getApi(apis)) { console.log(info); } Це насправді так, і тепер він має хорошу браузерну підтримку. Зразок коду виконує ітерацію по асинхронній операці...

Codeguida · 19 січня 2018 · 7

Результати щорічного опитування State of JavaScript

Нещодавно було опубліковано результати щорічного опитування State of JavaScript за 2017 рік. В опитуванні взяли участь більш ніж 23,000 розробників. У результатах дослідження виявилось багато моментів: від популярних тенденцій до проблем з заробітно...

Codeguida · 15 січня 2018 · 5

Прототип системи відслідковування дій користувачів на сайтах за допомогою CSS

Розробник Ян Бьохер (Jan Böhmer) представив прототип системи відстеження переміщення відвідувачів по сайтах за допомогою CSS. Система не вимагає виконання коду на JavaScript. Які дані можна отримати за допомогою цієї системи? При розміщенні коду на с...

Codeguida · 15 січня 2018

Масиви, символи та області

Масиви перевірки типів function foo(obj) { // … } Припустимо, ми хотіли б зробити щось конкретне, у випадку, якщо obj – масив. Прикладом цього є JSON.stringify – він виводить масиви інакше, ніж інші об'єкти. Ми могли б написати: if (obj.constructo...

Codeguida · 10 січня 2018 · 5