Автор оригинала: FreeCodeCamp Community Member.
по коду девушке
Я люблю тени для век. У меня более 40 палитров для век для век (палитра – это контейнер с любым количеством отдельных цветов для век для век), и я не думаю, что моя одержимость уменьшает мой статус как прогрессивная женщина в технологиях. Я известен своим блестящим синим цветами, которые представляют мою бесконечную преданность в доме Равенслава в Гарри Поттере.
Грустная правда, однако, в том, что я сосу при выборе и применении теней для век, что может иметь что-то связанное с тем, что:
- У меня слишком много цветов на выбор, и
- Мне нужно сделать свои очки, чтобы сделать это.
Тем не менее, это не останавливает мою ненасытную потребность в приобретении большего количества вариантов тени. После того, как я оставил свой доверенный магазин макияжа на прошлой неделе – потратил более 100 долларов в продуктах, в том числе новую палитру для век (ничто из которых мне не нужно) – я подумал: «Если только выбрать и применять тени для век, было так же легко, как написание функции».
Это происхождение этой статьи. Использование кода для решения практических задач является отличительной чертой области технологий, но это практикуется практика. Вот моя попытка думаю – вслух решить мою проблему для век.
Для тех из нас без фона в образовании, а думаю – вслух Это способ сделать невидимый продукт, видимый. Мы часто используем эту технику в инструкции по чтению.
Основы функции и моя процедура для век
Понимание функций – это обряд в программировании. Когда вы впервые начнете свое путешествие, вы пишете каждую линию кода, много раз. Введите функции. Функция – не что иное, как процедура, набор шагов для завершения задачи.
Как правило, функция примет некоторые входные данные, выполняют необходимую процедуру с этими данными и возвращает любые полученные данные. Что делает функции, которые настолько универсальны в коде, состоит в том, что вы можете вызвать эту функцию или набор шагов, снова и снова с разными входами, следовательно, разные выходы.
Надевание теней для век – это как следование наборе шагов. Я придерживаюсь того же набора шагов (функций) для выбора и применения теней для век практически каждый день, показанный на приведенной ниже диаграмме.
Давайте подумаем об этом с точки зрения программирования, где у нас есть вход, набор шагов и вывод:
- Вход : Мне нужно ввести палитру для век. Допустим, палитра «Сладкий персик» от Слишком столкнулся с косметикой Отказ
- Функция : Моя функция должна выполнить фильтр всех цветов (всего 18) и найдите четырех ключевых цветов для использования:
Хардиц,Средний,SmokeyиБлендерОтказ - Выход: Подскажите конкретно, какие цвета совпадают с областью применения глаз.
Входные данные для век для век
Вы догадались с первой проблемой здесь? Входные данные не так просты, как переменная со строкой или значением номера:
Сладкая палитра персика имеет 18 цветов. Возможно, вы думаете, мы можем написать каждый цвет в массиве (или список):
Есть еще проблема с формой этих данных. Массив – это просто список цветов.
Каждый цвет нуждается в метке, чтобы определить, какой тип цвета это: Хардиц , Средний , Smokey и Блендер Отказ
Лучший вариант может быть массивом объектов. Объект представляет собой набор данных, организованных ключом и значением. В каждом объекте здесь у нас есть две пары ключевых значений, один для типа, а другой для цвета:
Идеально. Каждый раз, когда я использую SweetPeachCombination Как мой вклад, я узнаю точно, какой цвет использовать для какой части моего глаза.
Функция Findcolor: параметр и аргумент
Теперь, когда у нас есть некоторые данные, мы можем посмотреть, на что может сделать функция. Я хочу иметь возможность называть это Findcolor Функция с любыми входными данными и точно знать, какой цвет идет куда. Во-первых, мне нужно петить через массив. Затем мне нужно войти в систему типа и цвет. Код может выглядеть так:
Поскольку это не актуальный код, я просто собираюсь зарегистрировать информацию в консоль. На моем фактическом веб-сайте я обновляю информацию через DOM. Смотрите сайт Здесь Отказ
Давайте рассмотрим вышеуказанный код.
Функция называется Findcolor и это есть один параметр Отказ
Параметр, здесь, это технический способ сказать входной заполнитель – значение, нам нужно комбинация информация для запуска функции. Помните, однако, мы можем использовать любую комбинацию, которую мы хотим, поэтому параметр не конкретный.
Как мне сказать функцию, которая в их комбинации используется? Когда мы называем функцию:
Мы пройти в конкретной комбинации. Это меняет техническое слово. Это не параметр больше, это сейчас аргумент Отказ Разница в том, что это реальные данные, а не заполнитель.
Вы можете увидеть это ясно, потому что параметр называется комбинация пока аргумент называется SweetPeachCombination Отказ
Рефакторирование входов для век
Похоже, довольно хромая функция прямо сейчас, верна? Я буквально даю ему данные того, какого цвета идет куда и затем наличия функцию, задавая эту информацию прямо обратно (вывод). Но помните, у меня 40 палитры для век. Я, честно говоря, не могу вспомнить каждого отдельного цвета или возможной комбинации. Прямо сейчас у меня всего одна комбинация только для одной палитры …
Могу поспорить, вы видите, куда я иду с этим.
Мой входные данные для век не отражают реальность – несколько палитры с несколькими цветами означает бесконечные возможности.
Форма данных не нужно меняться, но мне нужно добавить дополнительную информацию:
Естественно, нам нужно будет пересмотреть функцию на основе этой новой информации, но это самая легкая часть:
Теоретически я мог бы иметь 400 комбинаций! У меня нет такого времени утром, чтобы искать правильную комбинацию. Вот почему мой Findcolor Функция работает отлично. Каждый раз, когда я называю эту функцию, я использую комбинация аргумент
Самая важная часть
Я говорю это все время о программировании. Если вы можете мечтать об этом, вы можете построить его.
Я мечтал о пикере цветов теней для век, и я построил его (экран на крышке ниже).
Здание – это Только Способ реалистично отладки (найдите свои ошибки) и рефакторин (сделать код лучше). Это будет ваша жизнь как программист, поэтому важно, чтобы вы построили свою мышечную память для него.
Кроме того, я бросаю вам вызов на практике все, когда вы создаете, а не только функциональность (в этом случае JavaScript), но и ваши основы: HTML, CSS (и здесь, Bootstrap). Каждый раз, когда я строю, я узнаю что-то новое даже в моих основных навыках.
Для этого проекта я узнал, как использовать CSS, чтобы сделать эффект радуги на заголовок. Я также принял эту возможность практиковаться, используя базу данных, Firebase Отказ Это бесплатная и простая в использовании система базы данных для установки и извлечения объектов комбинированных цветов, но это тема другого поста.
Так что вы собираетесь построить дальше?
ПРИМЕЧАНИЕ. Если вы используете слишком наединенные тени для век, и хотели бы помочь мне работать над созданием этого приложения, а затем сделать его мобильным приложением, пожалуйста, напишите мне на FWALLACEPHD [AT] Gmail [dot] com