WebDEV

2021-02-04 17:05:04 Выберите правильный вариант #test #js Открыть/Комментировать

2021-02-04 13:05:05 URL Pages — инструмент, который объединяет все содержимое страницы (включая HTML, CSS и JS) и сохраняет его в URL-адресе. Это позволяет создать мгновенно доступную и редактируемую веб-страницу, которую сможет увидеть любой, у кого есть ссылка. Включает конструктор, с помощью которого вы можете создавать свои собственные URL-страницы.

#инструменты #web #js #html #css Открыть/Комментировать

2021-02-03 15:05:05 Яндекс отключил расширения с аудиторией в 8 млн пользователей

Яндекс принял решение отключить расширения SaveFrom.net, Frigate Light, Frigate CDN и некоторые другие, установленные у пользователей Яндекс.Браузера. Совокупная аудитория этих инструментов превышает 8 млн человек.

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

#статьи Открыть/Комментировать

2021-02-02 17:05:11 Деструктуризация в JavaScript

▍Часть 1

Деструктуризация — это просто способ извлечения свойств из объектов.

const obj = {
name: 'Joe',
food: 'cake'
}
const { name, food } = obj;
console.log(name, food);
// 'Joe' 'cake'

Если вам нужно извлечь свойство, дав ему другое имя, — делайте так:

const obj = {
name: 'Joe',
food: 'cake'
}

const { name: myName, food: myFood } = obj;
console.log(myName, myFood);

// 'Joe' 'cake'

Продолжение следует...

#советы #coding #js #web Открыть/Комментировать

2021-02-02 13:05:06 Barba.js — библиотека JavaScript для создания плавных переходов между страницами сайта. Она берёт статический веб-сайт и с помощью небольшой настройки превращает его в одностраничное приложение. Это помогает уменьшить задержку между загрузкой страниц, сводит к минимуму HTTP-запросы и улучшает взаимодействие с пользователем.

#инструменты #js Открыть/Комментировать

2021-02-01 21:05:08 Выберите правильный вариант #test #js Открыть/Комментировать

2021-02-01 20:40:05 Что не так с WebAssembly?

Современные браузеры могут намного больше, чем рендеринг веб-страниц. Это стало одной из причин появления WebAssembly. Эта технология создана в попытке вывести скорость решения сложных задач на новый уровень, построить мост между JavaScript и машинным кодом.

WebAssembly, в теории, может позволить кому угодно писать низкоуровневый код, выполняющийся в браузере, в безопасном виртуальном окружении. И, что ещё интереснее, технология WASM (сокращение от WebAssembly) была спроектирована как цель компиляции для других языков, позволяя коду, который обычно выполняют в серверной среде (например — коду, написанному на C или на C++), компилироваться в соответствующий формат и выполняться в браузере.

У WASM был огромный потенциал и невероятные перспективы. Что же пошло не так? Почему WASM, через 3 года после релиза, ещё не используется в каждом веб-проекте? Есть ли у WASM будущее в веб-разработке? Поищем ответы на эти вопросы.

#статьи Открыть/Комментировать

2021-01-29 15:05:09 Замыкания в JavaScript

Часть 2

Перед прочтением рекомендуем ознакомиться с первой частью.

...Или же более «правдоподобный» пример. У вас может быть некая функция apiConnect(apiKey), которая возвращает некоторые методы с использованием API ключа. В таком случае этот ключ нужно передать только один раз.

function apiConnect(apiKey) {
function get(route) {
return fetch(`${route}?key=${apiKey}`);
}

function post(route, params) {
return fetch(route, {
method: 'POST',
body: JSON.stringify(params),
headers: {
'Authorization': `Bearer ${apiKey}`
}
})
}
return { get, post }
}

const api = apiConnect('my-secret-key');

// Больше передавать ключ не нужно
api.get('http://www.example.com/get-endpoint');
api.post('http://www.example.com/post-endpoint', { name: 'Joe' });

#советы #coding #js #web Открыть/Комментировать