Публикации по теме 'web-components'
Войны во всемирной паутине
Когда я был ребенком, дедушка рассказывал мне о своих военных приключениях. Он участвовал в Первой и Второй мировых войнах. Он был мальчиком 1899 года . Меня интересовала развлекательная сторона историй, не понимая страданий, стоящих за ними. Одна вещь, которая запомнилась мне, это то, что он часто говорил, что две войны были разными . Они отличались способами борьбы, способом вовлечения населения, мотивами.
Спустя годы я нахожу эту мысль о двух разных войнах применимой к..
Создание повторно используемых компонентов Vue
В Интернете есть много статей, в которых рассказывается о Vue и его нюансах. Документация Vue великолепна, но есть множество способов создать компонент.
Давайте создадим повторно используемый компонент и будем использовать его как тег XML.
App.vue
<template>
<custom-name></custom-name>
</template>
<script>
import ComponentName from './components/ComponentName'
export default {
name: 'app'
components: {
'custom-name': ComponentName..
Кросс-фреймворковая библиотека веб-компонентов 📚 с использованием Lit (Часть II)
Это вторая часть Кросс-фреймворковой библиотеки веб-компонентов 📚 с использованием Lit (Часть I) и Кросс-фреймворкной библиотеки веб-компонентов 📚 с использованием Lit (Часть III)
Тестирование
После того, как мы завершим наш карточный компонент, пришло время его протестировать. Я использовал тестовый пакет от Open Web Components, а документацию вы можете найти здесь в связке с jasmine и karma.
Мы начинаем описывать, какой компонент будет тестироваться, и определять, что мы будем..
Строительные блоки веб-компонентов
В предыдущей статье мы обсуждали, что такое веб-компоненты и чем они могут быть полезны для вашего проекта. В этом я упомянул, что они сделаны из четырех основных компонентов.
В этой статье мы рассмотрим эти четыре строительных блока, из которых состоят веб-компоненты, более подробно.
Эта статья основана на моем выступлении на JavaScript Meetup в Коломбо . Вы можете найти слайды для этой презентации здесь , а исходный код в репозитории github здесь .
Стандарты..
Понимание AOT и динамических компонентов в Angular 2
ag-Grid - это корпоративная сетка данных, которая работает с Angular 2. Поскольку ag-Grid работает со многими фреймворками, внутренняя часть сетки должна позволять рендеринг Angular 2 внутри сетки, несмотря на то, что ag-Grid не написан на самом Angular. Это было сделано с использованием динамических компонентов Angular 2, и нам удалось это сделать, по-прежнему поддерживая AOT. В этом блоге подробно рассказывается о том, что мы узнали в процессе.
Установка
Чтобы объяснить, мы..
Как создать полностью отзывчивый и функциональный калькулятор с помощью TailwindCSS и JavaScript
Калькулятор, по определению, используется для выполнения математических вычислений, в частности, небольшое электронное устройство с клавиатурой и визуальным дисплеем. Этот расчет варьируется от базовых операций, таких как сложение, вычитание, деление и умножение, до сложных математических операций, таких как функции косинуса, синуса и логарифмические функции.
С развитием технологий мы теперь можем создавать калькуляторы и использовать их прямо в наших браузерах.
В этом уроке мы..
Salesforce внедряет стандарты с новыми веб-компонентами Lightning
Изменяющие правила игры веб-стандарты, производительность, сосуществование
Веб-компоненты Lightning - это новая модель программирования для создания компонентов Lightning. Он использует прорыв в области веб-стандартов за последние пять лет, может сосуществовать и взаимодействовать с исходной моделью программирования Aura и обеспечивает беспрецедентную производительность.
Веб-стек 2014 года
До недавнего времени веб-стандарты предлагали лишь ограниченную основу для полного стека,..
