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


Окунитесь в DOM
DOM (объектная модель домена) – это абстрактное представление HTML-документа, созданного вашим браузером. Когда вы загружаете HTML-страницу, ваш браузер фактически создает веб-сайт, читая DOM, а не ваш HTML-документ. . DOM эффективно создает API для HTML, предоставляя разработчику функции и свойства для каждой части страницы. Именно это позволяет разработчикам манипулировать веб-страницами после их загрузки и динамически отображать эти изменения. Я провожу большую часть исследований..

Обещаю сделать это Монадой
Поиск хорошего наставника в вашей жизни зависит от множества факторов, в том числе от удачи. И если вам повезет, вы найдете наставника, который будет бросать вам вызов и направлять. В этом отношении мне очень повезло, и мой наставник часто побуждает меня смотреть дальше очевидного. Последней версией этой серии было использование моих (очень ограниченных) знаний функционального программирования для объяснения обещаний и, в частности, объяснения проблем, очень элегантно обсуждаемых в статье..

Почему TypeScript больше не выбор, а необходимость
Динамический набор текста - это здорово Что ж, здесь нам нужно начать с истории языка. Как мы все знаем, Javascript развивался довольно случайным образом и изначально задумывался как язык сценариев, который добавляет немного функциональности веб-страницам для взаимодействия с удаленными серверами или для любой сложной анимации. И он сделал свою работу, даже хорошо для того времени. Как и в любом языке сценариев, динамическая типизация была сильной стороной Javascript, своего рода..

Бокс и тень текста с помощью CSS
Свойство box shadow применяет тень с указанными вами параметрами к контейнеру box model, соответствующему селектору, который вы написали в CSS. Можно поиграть с селектором здесь . Свойство text shadow применяет тень ко всем текстовым узлам внутри div, который соответствует вашему селектору css. Можно поиграть с селектором здесь . В этих двух селекторах есть большая глубина, с которой вы, возможно, еще не столкнулись, поэтому я хотел рассказать о нескольких интересных случаях..

Как предотвратить отправку нескольких форм в Vue.js
Самый простой способ предотвратить отправку нескольких форм в Vue.js — использовать HTML-атрибут «кнопка» disabled, чтобы сделать кнопку формы неактивной. Это логический атрибут, мы можем установить его в значение true сразу после отправки формы. Вот синтаксис HTML: <button type="button" disabled>Click Me!</button> Теперь давайте настроим наш тег формы и добавим часть Vue.js. <form @submit="submitForm"> <button type="submit" :disabled="isLoading">Log..

Создайте эффект искажения при наведении курсора с помощью WebGL
В этом уроке мы будем использовать эффект зависания искажения, чтобы отображать места отправления и прибытия в одном блоке. Хотите увидеть код в действии? Ознакомьтесь с Codepen . На прошлой неделе я наткнулся на статью Codrops , представляющую библиотеку под названием hover-effect , созданную Robin Delaporte . Это было очень просто в использовании и действительно хорошо работало. Библиотека использует искаженное изображение, подобное приведенному ниже, для перехода между..

Как объяснить двухлетнему ребенку, что такое обещание в JavaScript
Избегаем того, что он постоянно спрашивает: что такое обещание, папа? В декабре 2019 года на каникулах я поехала в Лос-Анджелес, в отпуск не поехала. Я провел там свое время, работая удаленно. Мне так повезло делать такие вещи благодаря моей нынешней компании. Проверить это Итак, однажды мой сын двух с половиной лет, когда я работал удаленно, он спросил меня. Папа, а что такое сюрприз? и я сказал ему: давай посмотрим на моего маленького друга; сюрприз - это то, чего вы еще не..