Category: компоненты

16
Сен
2022

react: вопрос проектирования компонента, который будет отображаться (использоваться) лишь при соблюдении некоторых условий

создал компонент ComponentBottom, который используется внутри компонента ComponentTop:
// компонент ComponentTop
render() {
return (
<div>
<какие-то элементы />
{this.state.flag ? <Compone…

06
Сен
2022

компоненты ангуляр

Помогите разобраться с компонентами в анугляре.
Сделал небольшой фронтенд который содержит 4 кнопки с маршуртами.
Мне нужно что бы кнопка на основной странице изчезала после нажатия.

Основной компонент app.component.html
<h1>{{t…

14
Июл
2022

React JS – как передать данные input из одного компонента в другой

Изучаю реакт и для практики хочу написать небольшое приложение, но никак не могу найти решение для возникшей проблемы: как передать значение input для названия напитка из Drinkname в div Blank
Drinkname:
class Drinkname extends React.Compo…

13
Июл
2022

Как передать массив объектов из одного компонента в другой в React?

Только – только начал изучать React и столкнулся с проблемой: в приложении (что-то то вроде одностраничного интернет-магазина) при выборе товаров, они складываются в массив объектов "cartItems", который мне из "App" над…

11
Фев
2022

тройной вызов компоненты

у меня задание, есть род. компонента, и дочерняя, вторая содержит 3 абзаца с одинаковыми классами,
суть задания – в род. компоненте 3жды вызвать дочернюю компоненту, и при том, чтобы 1 вызов компоненты отображал первый абзац, так же и при …

11
Фев
2022

тройной вызов компоненты

у меня задание, есть род. компонента, и дочерняя, вторая содержит 3 абзаца с одинаковыми классами,
суть задания – в род. компоненте 3жды вызвать дочернюю компоненту, и при том, чтобы 1 вызов компоненты отображал первый абзац, так же и при …

24
Янв
2022

Повторное использование news.list

Нашел шаблон сайта W3layouts
Имею такой сайт

(owl slider, в качестве которого использовался компонент news.list)

Также есть посты, оформленные с помощью комплексного компонента "Новости"

Для этого комплексного компонента долж…

24
Янв
2022

Как передать в render данные которые уже загрузились

Мне поступила задача создать новый компонент, что бы он рендерил данные которые пришли мне с бэка
Характеристики компа пользователя
Я реализовал функцию load которая получает get запросом данные, распаршивает и засовывает в переменную
Посл…

24
Янв
2022

Как передать в render данные которые уже загрузились

Мне поступила задача создать новый компонент, что бы он рендерил данные которые пришли мне с бэка
Характеристики компа пользователя
Я реализовал функцию load которая получает get запросом данные, распаршивает и засовывает в переменную
Посл…

20
Янв
2022

Типы компонентов битрикс для вывод информации на сайте

Есть сайт, который я сажаю на битрикс

Какой компонент можно использовать для отображения 4-х вышеперечисленных отрывков (с подробным указанием свойств для хранения информации в этих отрывках)?

13
Дек
2021

Не работает детальный просмотр "НОВОСТИ"

Только-только стал осваивать 1С Управление сайтом.
В руки попался сайт с такой проблемой: Сайт на двух языках, RU и UA, вся информация дублируется в ручную, естественно, как и новости. Они выводятся на главную.
Если в RU версии кликнуть на…

10
Дек
2021

Не открывается детальный просмотр "НОВОСТИ"?

Только-только стал осваивать 1С Управление сайтом. В руки попался сайт с такой проблемой:
Сайт на двух языках, RU и UA, вся информация дублируется в ручную, естественно, как и новости.
Они выводятся на главную. Если в RU версии кликнуть на…

30
Ноя
2021

Не отображается модальное окно на Vue.js

Пишу небольшой проект на Vue 3. Сделал компонент модальное окно, которое хочу использовать 4 раза на странице. Подключил в первую секцию проекта все работает отлично. Подключаю в последующие компоненты и модальное окно не работает, никаких…

23
Окт
2021

Android фрагмент map

есть у кого-нибудь готовый проект с картой как фрагмент.
мне надо потом в слой с картой компоненты другие добавить.
в шаблонах android studio есть вариант с картой, но там карта не как фрагмент идет. у меня не получается ее изменять.

28
Май
2021

Как вызвать функцию в компоненте из другого компонента?

как вызвать функцию в компоненте по onClick из другого? Я набросал примитивный пример, разумеется, в данном примере можно всё перенести в один компонент, но на реальном проекте мне нужно, чтобы функция changeData выполнилась в отдельном ко…

28
Май
2021

Как вызвать функцию в компоненте из другого компонента?

как вызвать функцию в компоненте по onClick из другого? Я набросал примитивный пример, разумеется, в данном примере можно всё перенести в один компонент, но на реальном проекте мне нужно, чтобы функция changeData выполнилась в отдельном ко…

21
Мар
2021

Подобрать изображение в зависимости от ширины элемента (компонента)

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

31
Янв
2021

Стоит ли создать дополнительный компонент или можно оставить так?

На сайте есть 2 товара в виде карточки. Они идентичны лишь отличаются контентом.
У 1-ой карточки изображения приходят с сервера, а у 2-ой оно всегда статичное и + там текст.
Сейчас код компонента карточки с картинкой выглядит так:
const …

23
Янв
2021

Чтобы быть впереди веба, веб-стандартам нужно бежать в два раза быстрее

Не секрет, что в последние годы веб развивается крайне стремительно. Периодически выходят новые библиотеки, фреймворки и другие полезные для нас инструменты. Всё это безусловно помогает нам решать повседневные задачи. Но в погоне за популярными новинками мы совсем не обращаем внимание на истоки. Многие начинающие разработчики начинают знакомство с кодом именно с инструментов, а не с […]

14
Дек
2020

Убираем сдвиги в верстке наложением в CSS Grid

Перевод статьи Prevent layout shifts with CSS grid stacks с сайта www.hsablonniere.com для css-live.ru, автор — Юбер Саблоньер Люди используют CSS Grid по двум причинам: CSS — это потрясающе! Факт, как ни крути. Гриды — отличный инструмент для создания сложных двумерных макетов. У меня иногда бывает третья причина использовать CSS Grid: предотвратить сдвиги в верстке. […]