Публикации по теме 'front-end-development'
Быстрое понимание правил @media с переключением слов
Медиа-запросы используются почти в каждом веб-проекте. Глядя на правило @media , иногда нужно немного разобраться, чтобы точно понять, когда это правило имеет место.
Возьмем, к примеру, общий код ниже:
@media screen and ( min-width: 768px ) {
body { background-color: blue; }
}
Смысл не вытекает непосредственно из правила.
Означает ли приведенный выше код, что body будет синим, когда весь экран меньше 768 пикселей? Может быть, это означает, что наши правила будут..
Вещи, которые я хотел бы понять, когда начинал с React.js
Переход от традиционной трехфайловой структуры приложения HTML/CSS/JS к использованию фреймворка/библиотеки, такой как React, пугает и, по крайней мере, немного сбивает с толку. Скорее всего, вас научили множеству правил о том, как держать логику отдельно от контента, отдельно от стиля. Теперь, когда вы начали с React, вы, вероятно, помещаете onClick непосредственно в свой JSX, запускаете карту внутри своего метода рендеринга, чтобы вернуть ряд элементов ‹li› , и используете условный..
CORS и прототипирование с живыми API
За последние несколько недель я работал с: Create React App , Razzle , After.js и Next.js , чтобы оценить их для будущих проектов. (Подробнее об этом в следующем посте.) При этом я хотел использовать производственные API, с которыми я был знаком, чтобы я мог сосредоточиться только на фреймворке.
Но была одна проблема, API во всех средах не хватало одной вещи!
Access-Control-Allow-Origin: *
И при этом вы получаете:
No 'Access-Control-Allow-Origin' header is present on the..
Компоненты сервера React
- Это не рендеринг на стороне сервера.
2020 год стал для всех нас сумасшедшим путешествием. В преддверии новогодних праздников команда React недавно объявила о захватывающем исследовании нового способа создания приложений React с использованием компонентов React Server.
Имейте в виду, что компоненты React Server все еще находятся в стадии разработки и не рекомендуются для производства. Эта функция не является обязательной, и вы все равно можете написать свой компонент, как сейчас...
CleverTap Javas Hackathon Experience
Недавно я участвовал в реакционном хакатоне, организованном Clever-tap. Я многому научился, пока пытался ответить на вопросы. В этой статье я поделюсь вопросом, с которым столкнулся во время хакатона.
Q1. Как мы можем настроить область видимости файла cookie? Ответ: Атрибуты Domain и Path определяют область файла cookie. "Читать далее".
Вопрос 2. Что будет напечатано в консоли?
Правильный ответ для приведенного выше кода: .
.
C) ‘0|не определено|2’
Давайте..
Создание вложенного раскрывающегося списка с помощью React-Bootstrap
Выпадающий список — это набор параметров, в котором вы можете нажать кнопку, и появится меню. Вы можете добавить функцию к каждому элементу.
В React-Bootstrap вы можете создать выпадающее меню с помощью Dropdown component . См. приведенный ниже код в качестве примера.
import React from "react";
import { Container, Dropdown } from "react-bootstrap";
export default class Home extends React.Component {
render() {
return (
<Container>..
5 вопросов для интервью с разработчиками полного стека
01 Что такое дебаунс и дроссель и для чего они нужны?
Отказаться
Как следует из названия, debounce предотвращает дрожание и не принимает одно событие несколько раз. Печатание на клавиатуре — это операция по устранению дребезга, с которой вы будете сталкиваться каждый день.
Легко понять концепцию, когда у вас есть контекст. Позвольте мне рассказать вам о некоторых случаях дебаунса:
Кнопки входа и отправки текстовых сообщений быстро нажимаются пользователями, поэтому отправляется..
