Публикации по теме 'front-end-development'
список богатства с методами массива Javascript
Эта демонстрация взята из курса Брэда Трэверси.
Демо Гитхаб
Когда я упоминаю Array, мне всегда приходит в голову список. Первая вещь в Javascript — это манипулирование DOM для достижения цели.
Эта демонстрация завершает работу с методами массива: sort(), forEach(), map() и filter().
Возможности:
получить случайный пользовательский API
создавать элементы и добавлять дочерние элементы в DOM
HTML
сначала не забудьте связать css и js в html файле
в стороне вся..
Как подключить несколько входов к одной этикетке в Material-UI
Сосредоточьтесь на одной этикетке с несколькими входами.
На днях я пытался создать базовую форму адреса с полями для адреса, города, штата и почтового индекса. Вот общее представление о том, что я пытался построить (пожалуйста, не обращайте внимания на не очень красивый дизайн).
Для этой формы я использовал библиотеку компонентов Material-UI. Как видно из вышеизложенного, форма, которую я хотел создать, имела одну метку Address вверху. Затем было 4 поля для ввода адреса,..
Обновите Angular 7 до 10
AngularJS в Angular и многое другое… мой личный путь ❤️☕️
👋😷 Надеюсь у всех все хорошо
Я знаю, что прошло много времени с момента моего последнего поста, почти год! Мое путешествие с Angular 7 остановилось, а с Angular — нет. Они уже до версии 10 😮
Если вы забыли, как началось это путешествие, смело отправляйтесь в путешествие во времени к первому посту.
Изучение Angular 7 и не только… мой личный путь ❤️☕ Следуйте за мной, пока я конвертирую свое..
Создание анимированного компонента боковой панели с помощью Vue и Vuex
В этом руководстве мы будем использовать действие Vuex, чтобы вызвать изменение состояния в приложении, в результате чего боковая панель будет анимироваться, появляясь и скрываясь.
Если вы хотите просто погрузиться в код, вот репо для этого руководства .
Вы также можете увидеть живой пример здесь .
Установка
Я начинаю практически каждый проект, используя Vue CLI для создания нового приложения с шаблоном webpack. Если у вас не установлен CLI, тогда установите его, глупо.
$..
Визуальное регрессионное тестирование CSS с помощью BackstopJS
Как интерфейсный разработчик, работающий с большой базой кода продукта, наступает время, когда какой-то новый CSS ломает элемент где-то еще в продукте. Я знаю, что стили на основе компонентов могут решить эту ситуацию, но когда вы имеете дело с устаревшим кодом, компоненты не всегда есть, чтобы спасти положение.
Визуальные регрессионные тесты могут отслеживать любые критические изменения стиля. Для регрессионного тестирования доступно множество вариантов. Я решил пойти с BackstopJS ...
Точечная нотация против скобочной нотации для доступа к свойствам объекта в JavaScript
Доступ к свойствам объекта
Есть 2 способа доступа к свойствам объекта: точка и скобка в JavaScript.
const obj = {
name: 'value'
};
// Dot Notation
obj.name; // 'value'
// Bracket Notation
obj['name']; // 'value'
Но всегда возникает вопрос, какой из них мне использовать 🤔. Давайте разберемся с проблемами точечной нотации, которая является корнем для ответа на вопрос.
Проблемы точечной нотации
Проблема с недействительными идентификаторами Проблема с работой с переменными..
Почему вы должны использовать DocumentFragment в Javascript?
Когда вы создаете приложения для браузера javascript, возможно, вы сталкивались с манипулированием огромным количеством узлов DOM. Когда вы делаете это, вы должны свести к минимуму перерисовку и перекомпоновку Домов.
В основном мы используем библиотеки, такие как jquery, только для управления dom, использование всей библиотеки включает в себя больше строк javascript для вашего кода. Поскольку их можно заменить с помощью вашего кода с помощью собственных API-интерфейсов браузера...