В нашем ежедневном процессе разработки нам часто приходится открывать различные веб-сайты для проверки информации, поиска вдохновения, рыбалки и весла...
Сегодня мы собираемся поделиться с вами некоторыми эффективными/креативными идеями.宝藏网站. Некоторые из этих сайтов могут помочь нам повысить эффективность, а некоторые могут сделать наш рабочий процесс более приятным.
Этот обмен разделен на следующие модули, которые вводятся по порядку:
- помощь
提效/提升个人技术сайт в Интернете - помощь
提效/扩展技能树веб-сайт инструмента - устал от работы,
寻找灵感（摸鱼划水？）креативный сайт
Советы: эта статья представляет собой сборник статей, которыми поделилась группа разработчиков интерфейса Mingyuan Cloud Chain — второй фазы Центрального и Тайваньского департамента.
В процессе выпадения команды и непрерывного вывода нажмите
关注Не теряйся~!
онлайн-сайт
В ежедневном процессе разработки вам может понадобиться использовать некоторые функции многих инструментов.После установки слишком большого количества программного обеспечения на компьютер это повлияет на работу пользователя.Тогда некоторые мощные онлайн-сайты могут помочь вам решить эти потребности.
Мы можем сделать это через эти сайты在线编程,在线切图,在线PPT...
Онлайн-программирование/упражнения - Codepen
CodePen - codepen.ioЭто интерфейсный онлайн-редактор, который интегрирует полную среду разработки и может помочь вам попрактиковаться в онлайн-программировании.
В CodePen есть много зрелых кейсов, наиболее часто используемых в нашей фронтенд-разработке.FlexМакет имеет много свойств, когда вы хотите быстро просмотреть/попрактиковаться, вы можете открытьFlexПрактический пример, введите практическую практику (как показано ниже)
Помимо онлайн-упражнений, мы также можем найти множество готовых исходных кодов кейсов через функцию поиска, а затем использовать их напрямую (как показано на рисунке ниже).
Онлайн IDE — CodeSandbox
Если вы хотите практиковать новые онлайнVue3.0, или что-то, что вы только что узналиNode, и не хотите тратить слишком много времени на настройку среды, то рекомендую вам использоватьCodeSandbox.
CodeSandbox - codesandbox.io/Это онлайн-среда разработки, которая может быстро создавать различные среды песочницы, чтобы помочь вам сосредоточиться на самом программировании (как показано ниже).
Быстрая проверка пакетов npm — RunKit
Наиболее часто используемым инструментом управления пакетами во внешнем интерфейсе являетсяnpm, если вы хотите испытатьnpmЧто делать с API пакета - установить, сослаться, запуститьNode, это слишком много хлопот!
RunKit - npm.runkit.com/Может помочь вам запустить онлайнnpmpackage, наш пример ниже показывает, как быстро испытатьdayjsпакет (на фото ниже).
Как видно из рисунка выше, левая сторона代码编辑区а также运行区, право есть使用文档.
OMG, есть ли лучший опыт программирования, чем этот! используй это!
Онлайн PS - UUPOOP
Для фронтенд-разработчика необходимы базовые навыки нарезки.
В нашей ежедневной разработке Miss UI помогает нам вырезать карту, но в некоторых других ситуациях у нас может возникнуть необходимость вырезать карту самостоятельно.
Если мы установимPSЕсли да, то это будет очень лагать, а подлинная продукция стоит очень дорого.
UUPOOP - www.uupoop.com/это онлайнPSвеб-сайт, интегрированныйPSДля многих функций программного обеспечения достаточно выполнить ежедневные требования к резке (как показано на рисунке ниже).
Этот сайт имеет множество дополнительных функций, которые вы можете изучить самостоятельно.
Пасхальное яйцо: аватар команды разработчиков Mingyuan Cloud Chain для использования в Интернете
PSО, вырезай!
Онлайн PPT — Google Презентации
Какой? PPT также можно редактировать онлайн?
Вот так,Google Презентации - docs.Google.com/present Вопрос А…это онлайнPPTЧтобы сделать сайт, мы можем быстро создатьPPTШаблон, а затем поделиться PPT с коллегами, вы можете быстро сотрудничать на PPT онлайн! (Как показано ниже)
Советы. Некоторый внутренний обмен информацией с интерфейсной командой облачной цепочки также создается с помощью онлайн-PPT.
ракета-носитель
Помимо веб-сайтов в Интернете, существует множество веб-сайтов с инструментами для разработки интерфейсов, которые помогают повысить эффективность. Давайте посмотрим на эти веб-сайты!
Инструменты - Набор инструментов программиста
В нашем повседневном развитии мы часто можем использоватьJSONСериализация, быстрое преобразование временных меток, регулярное обнаружение... Хотя мы можем добиться этого с помощью многих подключаемых модулей браузера и вывода консоли, существует веб-сайт, который объединяет эти часто используемые функции, и мы можем использовать эти инструменты для быстрой реализации нашей потребности.
Онлайн-инструменты — набор инструментов программиста - tool.lu/Это полный набор инструментов программиста, который объединяет множество функций. У нас есть наиболее часто используемые функции. Это веб-сайт-сокровище! (Как показано ниже)
API быстрого просмотра — overapi
overapi - overapi.com/javascriptинтегрирован во многие языкиAPIВы можете быстро выполнить запрос по следующему списку, который очень подходит для разработки исходной записи. (Как показано ниже)
Быстрое сжатие изображений — TinyJPG
Иногда изображение, выдаваемое Miss UI, слишком велико и слишком медленно открывается на мобильном телефоне, в это время нам нужно сжать изображение.
TinyJPG - tinyjpg.com/Это бесплатный онлайн-сайт со сжатыми изображениями, давайте посмотрим на визуализацию напрямую! (Как показано ниже)
Быстрое редактирование таблиц - TableConvert
Любой, кто писал документы Markdown, должен знать, что писать таблицы сложнее всего;XMLЯ также знаю, что это за опыт...
TableConvert - tableconvert.com/Это веб-сайт для редактирования онлайн-форм, его особенность заключается в том, что он может быстро экспортировать отредактированную форму в различные форматы. (Как показано ниже)
Rapid Design - Эскизный проект
Насущные потребности небольших компаний требуют разработки собственного интерфейса, а персональные сайты должны быть разработаны самими.Если вы хотите заработать дополнительные деньги и хотите заработать деньги на UI, что мне делать?
Эскизный проект - www.gaoding.com/Это веб-сайт с большим количеством шаблонов дизайна (частично бесплатных), и вы можете перетаскивать дизайн онлайн. Некоторые базовые требования к дизайну могут быть выполнены с помощью этого веб-сайта (как показано ниже).
Пасхальные яйца: онлайн
PSТоже их продукт.
креативный сайт
После введения онлайн-сайтов и инструментов повышения производительности, это самая ожидаемая часть, давайте представим несколько творческих веб-сайтов, которые помогут вам найти вдохновение (рыбалка и гребля?)!
Цветовое вдохновение - nipponcolors
Японское сочетание цветов может принести людям небольшое ощущение свежести и исцеления.nipponcolors - nipponcolors.com/#yamabukiЯвляется日式配色веб-сайт, есть сотни日式传统色.
Самое целебное в этом сайте то, что когда вы нажимаете на определенный цвет, весь сайт меняет цвет на этот. Ниже у нас есть очень известный山吹В качестве примера покажу эффект. (Как показано ниже)
Когда вы устали от работы, зайдите на этот сайт и щелкните дважды, чтобы найти вдохновение цвета, исцеляя свое тело и разум ~
Вдохновение для анимации — Animate.css
В процессе разработки нам часто приходится добавлять анимацию перехода, чтобы эффект выглядел более плавным, поэтому нельзя упустить следующую библиотеку анимации, совместимую с IE10+.
Animate.css - animate.style/чистыйcssРеализованная библиотека анимации, нажмите на эффект справа, чтобы испытать его онлайн. (Как показано ниже)
С этой библиотекой вы можете стать креативным фронтенд-разработчиком!
Вдохновение - Вант
Vant - van T-cont japan.git ee.IO/van T/#/this-C…Это веб-сайт, который помогает вам собирать творческое вдохновение, и он очень прост и удобен в использовании. (Как показано ниже)
Пасхальное яйцо: какие основные моменты скрыты в документе? Нравится открывать скрытые главы!
Окончательный опыт
Наконец, поделитесь двумя веб-сайтами, они достигли крайности в некоторых аспектах работы с веб-сайтом, чему мы можем научиться у них?
Суммировать
Хорошо, на этот раз宝藏网站Поделитесь здесь! Если у вас есть интересные веб-сайты (зеленые и полезные), вы также можете оставить сообщение и поделиться им в области сообщений~
Следующее уведомление:
Обсудите те сторонние библиотеки, которые улучшают производительность/креативность.
Последняя вещь
Если вы видели это, я надеюсь, что вы поставите лайк и пойдете ~
Ваши лайки являются величайшим поощрением для автора, а также могут позволить большему количеству людей увидеть эту статью!
В процессе выпадения команды и непрерывного вывода нажмите关注Не теряйся~!
В этой статье используетсяmdniceнабор текста