Публикации по теме 'frontend'
Условный рендеринг в React (jsx)
Мои выводы…
Обычно условие должно оцениваться как истинное или ложное. Это отличается от того, как работают условные выражения в js. Вот что я имею в виду:
data.length > 0 && <div />
Компонент отображается только в том случае, если условие слева оценивается как истинное. Но исходя из чистого js, > 0 является избыточным, поэтому я ожидаю, что следующая строка будет работать:
data.length && <div />
Оказалось, что эта строчка не сработает,..
Цифровая трансформация в сторону более безопасного и безопасного клиентского приложения
От выбора языка для разработки до знакомства с подходом микро-интерфейса - это путешествие, полное постепенных улучшений и ценных знаний.
Я Дипак, технический руководитель WebStudio Team , который помогает разрабатывать структуру для DBS-компонентов и стандартов кодирования в DBS Bank . WebStudio используется на шести рынках, во многих продуктах и сотнями разработчиков. Смысл существования команды WebStudio заключается в улучшении общего пользовательского опыта (UX) веб-приложений...
JS: написание Async/Await с генераторами
Async/Await на тот момент, когда я написал эту статью, стал частью ES7 вместе с другими кандидатами. Идея состоит в том, чтобы предложить более чистый синтаксис для написания асинхронного кода, очень простой пример:
async function getAddress(){
const response = await fetch('https://somesite.com/address')
console.log(response)
}
На первый взгляд, приведенный выше код очень прост и понятен даже без знания конкретных ключевых слов. Мы можем интерпретировать, что мы собираемся сделать..
Как перерендерить маршрут Vue при изменении параметров пути
Пост Как перерендерить маршрут Vue при изменении параметров пути впервые появился на Qvault .
В одностраничных приложениях, использующих Vue Router , обычно создается параметр пути, который изменяет поведение маршрута. Распространенная проблема возникает, когда пользователь вручную изменяет путь в адресной строке. Изменение URL-адреса вручную не приводит к повторному отображению представления! Это может привести к неожиданному поведению, поскольку хуки mounted() не..
Клонировать объект JavaScript с помощью JSON.stringify
Преимущества, недостатки клонирования объекта с помощью JSON.stringify
TechnoFunnel представляет еще одну статью о глубоком клонировании объектов с помощью JSON.stringify более подробно. Мы также обсудим преимущества и недостатки клонирования с использованием подхода JSON.stringify . Давайте поищем простую реализацию JSON.stringify для клонирования объекта .
В приведенном выше коде у нас есть простая переменная, которая сначала преобразуется в «строковый» формат и..
Микроблог: использование замыканий для создания фабрик JavaScript
Всем привет! В сегодняшней статье Микроблог мы рассмотрим замыкания в JavaScript и то, как их можно использовать для создания фабрик.
Во-первых, зачем изучать эту технику? Что ж, несмотря на то, что многие люди погружаются прямо в такие фреймворки, как React и Angular, всегда полезно понимать фундаментальный ванильный JavaScript, лежащий в основе этих фреймворков. В результате вы сможете делать больше как с поддерживающими вас фреймворками, так и без них. Теперь о замыканиях:..
Мысли об использовании css-in-javascript
CSS-in-JS (или «встроенный CSS») — это когда CSS определяется внутри исходного файла JavaScript. Пакеты обычно используют объекты JavaScript для определения стилей с парами ключ-значение, определяющими свойства. Или они используют встроенные строки шаблона, содержащие исходный код CSS. В свою очередь, они могут либо возвращать встроенные свойства (например, свойство стиля в HTML), либо становиться обычными классами CSS внутри тега стиля или ссылки.
// either JS objects
var rule = css({..
