Публикации по теме 'front-end-development'


Внедрить реактивную систему Vue.js с нуля
Учебник по реализации реактивной системы Vue.js. Привет! Как и было обещано, в этой статье мы собираемся реализовать реактивную систему Vue.js, которую мы узнали из моей предыдущей статьи . Давай начнем! Эффект В этом разделе мы собираемся реализовать класс Effect ; Пожалуйста, смотрите код ниже: let activeEffect; class Effect { constructor(fn) { this.fn = fn } run() { activeEffect = this const result = this.fn() activeEffect =..

Интервьюер: Может ли sessionStorage обмениваться данными между несколькими вкладками?
Вопрос, на который большинство фронтенд-разработчиков не знают ответа Недавно мой друг был поставлен в тупик вопросом о sessionStorage во время интервью. Ну, должен признать, я не знаком с этим. Мой хороший друг, ты понял это? Может ли sessionStorage обмениваться данными между несколькими вкладками? О процессе собеседования Вопрос 1: "Знаете ли вы, в чем разница между localStorage и sessionStorage?" Мой друг: Он был так счастлив, потому что это знание, которое..

Получить первый элемент массива в JavaScript
Пять способов получить первый элемент из массива в JavaScript В программировании массивы являются одной из самых важных структур данных. В JavaScript массивы очень эффективны, и очень важно иметь глубокое понимание всех тем, связанных с массивом и его методами. Идея этой статьи состоит в том, чтобы показать полный обзор методов, доступных для получения первого элемента массива. 1. Нулевой индекс Определенно, наиболее распространенным способом является использование нулевого..

В чем разница между конструктором и ngOnInit?
Конструктор Конструктор — это метод класса по умолчанию, который выполняется при создании экземпляра класса. Конструктор обеспечивает правильную инициализацию полей (членов класса) в классе и его подклассах. Angular Dependency Injector (DI) анализирует параметры конструктора. Когда мы вызываем new MyClass(), он создает новый экземпляр класса. При вызове new MyClass() мы должны передать точное соответствие типа параметра конструктору класса, например: новый MyClass(arg1:число,..

6 основных инструментов внешнего интерфейса
Быть хорошо экипированным также является гарантией успеха! Привет 👋 Прежде чем перейти к более сложным темам в следующих главах и статьях, нам нужно хорошо подготовиться! VS Code (редактор кода) Каждому программисту нужен инструмент для редактирования кода. Для фронтенд-разработчиков лучшее из…

Учебное пособие: создание переключателя с использованием обратного потока данных ReactJS в ES6
Состояние, свойства, функции обратного вызова, неявный возврат и все хорошее. Вступление Несколько недель назад Изабель К. Ли и я дистанционно запрограммировали пару и создали новостное приложение под названием Hegelian Bagel. Hegelian Bagel - это одностраничное приложение, в котором пользователям предоставляется поток статей. Мы разработали его, используя React.js в интерфейсе и Ruby on Rails в бэкэнде, который извлекается из API новостей. В этом посте я углублюсь в две..

Redux withTypeScript  — правильный способ строгой типизации в соответствии с Redux Toolkit.
Redux withTypeScript — правильный способ строгой типизации в соответствии с Redux Toolkit Каждый, кто использует TypeScript, видит огромную ценность строгой типизации — она безопасна и предсказуема. Я видел много проектов, в которых используются текущие версии Redux, и в них все еще много самодекларативных интерфейсов. Это огромная проблема, если что-то изменится… Прежде чем мы начнем, я рекомендую установить Redux Toolkit с помощью npm install --save @reduxjs/toolkit , который..