Умный интерфейс: Создайте коэффициент помощи более 1

Архитектура JavaScript

Из-за эпидемии я не был в кинотеатре на целый год, и есть только горсть фильмов, которые я смотрел на домашний проектор; но есть тот, который я смотрел дважды - «Супер тело». Это 14-летний фантастический фильм. Героиня по ошибке поступила поступила в бандитскую торговлю и была вынуждена контрабандой с высокой концентрацией CPH4 (микроэлементы, произведенные беременными женщинами, могут помочь плодам образующимися костями) в животе, чтобы перевозить наркотики. Во время брюшной полости Транспортный процесс из-за того, что из-за того, что потребление препарата сломалось и проникло в ее кровь. С тех пор ее мозг был разработан шагом за шагом, и, наконец, достиг 100% ...

超体女主露西
Супер героиня Люси

Что привлекает меня смотреть его снова и снова, так это философский взгляд на фильм. Героиня понимает, что постепенно развивающийся мозг — это и сверхсила, и сверхэнергия, а ее тело — всего лишь вместилище, а когда самого вместилища будет недостаточно для поддержания такой большой сверхэнергии, гены заставят клетки найти подходящую для себя инстинкт выживания.Почва — через древние и современные времена, постоянно изучая всю информацию о людях, земле и даже вселенной, и, наконец, тело главной героини исчезает и становится суперкомпьютерным носителем U-диска, оставляя после себя предложение «Я везде» ~ 89 минут, повествование завершено на одном дыхании ——Все живые существа — это машины, созданные генами, жизнь коротка, а гены бессмертны..

大脑开发100%,与祖先相遇
100% развитие мозга, встреча с предками

Вернувшись из фильма в реальность, люди на самом деле совершают бесконечные генетически обусловленные бессознательные действия в своей ограниченной жизни; мы кажемся могущественными, стоящими на вершине пищевой цепи, но часто мы не можем сказать, какое поведение я хочу, а какое. оно хочет. . Как смертный, который думает об этой огромной теории познания, ответ, который он может получить, часто оказывается лишь поспешным предложением.Конец физики — это математика, конец математики — это философия, а конец философии — теология..

Поэтому, поскольку мы бессильны бороться с генами, мы можем только следовать их тенденции; бодрствовать в пределах наших возможностей,Сознательно принимать поведенческие решения, которые делают нас счастливее, пусть короткая физическая жизнь испытает больше удовольствия и удовлетворения.

Ну что такое счастье?

Юкио Янагю сказал:Так называемое счастье - уточнить ваши собственные ценности и действительно реализовать это значение этой ценности.; И успешно, это позволить людям, и они удерживают одинаковые ценности, вы чувствуете себя счастливым, успех - это удлинительный шнур счастья.

Даже если человек работает всего 8 часов в день (в интернет-индустрии должно быть больше), то не менее 1/3 времени уходит на работу. Если ваша работа связана с разработкой небольших программ, то формула счастья для 1/3 вашей жизни такова:

"
  1. Ценности = Надежда на эффективную разработку небольших программ
  2. Достижение ценности = Фактор вспомогательного инструмента ✖️ (Выход ✖️ Качество) / Время

Первоначальная цель дизайна и разработки Smart UI — улучшить коэффициент вспомогательных инструментов.

Что такое умный интерфейс

Интеллектуальный апплет Библиотека компонентов расширения Smart UI и производная от нее библиотека образцов шаблонов представляют собой расширение основных возможностей апплета, включая более разнообразные возможности и стили комбинирования, и в настоящее время поддерживают 33 компонента (список компонентов) и подготовил 14 наборов примеров шаблонов комбинированных возможностей (Список шаблонов).百度APP,扫描组件示例二维码

Он разбирается в соответствии с атомарной теорией, как строительные блоки, и постоянно меняющиеся небольшие программные сущности формируются путем объединения отдельных строительных блоков. Разработчики могут выбирать, настраивать заготовки самостоятельно или оставаться в наших комнатах в твердом переплете.

Но несмотря ни на что, перемещение кирпичей, игра в фундаменты, соскребание, эта тяжелая работа была выполнена Smart UI.

原子理论
атомная теория

Визуальное программирование

Изучая разработку небольшой программы, мы понимаем, чтоВизуальное программирование WYSIWYG может не только снизить порог изучения языка, но и сохранить гибкость саморазвития разработчиков., для нас это отличное средство повышения чувства равновесия.

Следовательно, мы выбираем программирование инструмента разработчика GUI, в качестве ключа, упомянутого выше.Вспомогательный фактор.

Использование компонентов Smart UI, прежде всего, поддерживает самые обычные введения NPM:

1) Первый шаг — установить npm зависимости в проекте.@smt-ui/component;

npm i @smt-ui/component

2) Введение пользовательских компонентов в пакеты NPM

{
    "usingComponents": {
        "smt-icon": "@smt-ui/component/src/icon"
    }
}

3) Использовать компонент прямо в лебедке соответствующей страницы

<smt-icon name="arrow-left"></smt-icon>

В то же время он также поддерживает визуальное программирование в сочетании с панелью инструментов разработчика:

1) Откройте инструменты разработчика, чтобы отобразить интерфейс редактора.

2) Нажмите в правом верхнем углу редактора, чтобы открыть панель компонентов.

3) Выберите панель Smart UI, чтобы просмотреть список компонентов Smart UI.

4) Выберите компонент на панели и нажмите «Вставить», чтобы вставить компонент в текущий файл .swan, и эффект также можно просмотреть в симуляторе.


Точно так же для примера комбинированной возможности мы также предоставляем два варианта использования, аналогичные приведенным выше.

  1. Введено через установку npm

1) Выполните следующую команду в корневом каталоге апплета, чтобы загрузить соответствующий пакет npm шаблона страницы.

npm i @smt-ui-template/page-status  // 模板名称

2) Скопируйте соответствующий файл шаблона в соответствующий каталог текущего апплета (например, страницы): «Файл шаблона» — это файл @smt-ui-template-xxx в пакете npm.

├── project.swan.json                   
├── app.json                            
├── app.js                              
├── pages
    └──  @smt-ui-template-status  // 模板文件

3) Настройте путь страницы шаблона в app.json в корневом каталоге апплета, чтобы увидеть эффект

{
    "pages": [
        ...
        "pages/@smt-ui-template-status/index"
        ...
    ]
}

2. Визуальное произвольное программирование, инструменты разработчика

Откройте инструменты разработчика, нажмите «Шаблон страницы», выберите соответствующий шаблон, выберите его, нажмите «Использовать сейчас» в правом нижнем углу, заполните соответствующую информацию и нажмите кнопку «Готово» в правом нижнем углу.

Богатая библиотека иконок

В повседневной практике небольших программных проектов дизайнеры оптимизировали детали 284 отложенных в прошлом иконок, чтобы сделать их более точными, разнообразными и богатыми по применению, и упаковали их в формат SVG для внешнего вывода, сформировав из них унифицированную А набор библиотек иконок Smart UI, которые действительно могут быть использованы разработчиками (Пожалуйста, обратитесь к документации о том, как использовать компонент значка.).

Легкие диаграммы

Когда мы сталкиваемся с некоторыми требованиями к данным и отчетам, стоимость самостоятельного рисования очень высока, и мы часто ищем какие-то сторонние библиотеки диаграмм; компонент диаграммы апплета реализован в Smart UI, к которому можно быстро получить доступ, используя плоские данные конфигурации и небольшого объема, чтобы удовлетворить потребности обычных линейных диаграмм, столбчатых диаграмм и круговых диаграмм, а также поддерживать механизмы рендеринга SVG + Canvas. (Подробнее о том, как использовать компонент clfe-chart, см. в документации).

Компонент карты информационного потока

Если сам апплет является компонентом контента, без информационного потока не обойтись.

Smart UI предоставляет различные режимы компонентов карты информационного потока, разработанных профессиональной командой Mini Program UE, и соответствует спецификациям дизайна информационного потока, включая левое и правое изображения, обычный текст, верхние и нижние изображения, несколько изображений и видео. (Для получения подробной информации о том, как использовать компонент фида, см. документацию.)

Наблюдательные руководства Компоненты слоя Монголия

Чтобы помочь разработчикам мини-программ лучше удерживать пользователей и продолжать взаимодействовать с пользователями в будущем, Smart Mini Program официально запустила компонент Mini Program Follow, а компонент Follow Guide Mask может помочь пользователям обратить внимание на мини-программы.

Компонент маски может помочь пользователям обратить внимание на апплет одним щелчком мыши и улучшить прилипание пользователя к апплету; он также поддерживает верхнюю навигацию по умолчанию и пользовательскую навигацию. (Подробнее о том, как использовать компонент маски, смотрите в документации)

Конечно, замаскированное руководство может привлечь внимание пользователя к руководству, и в это время нельзя использовать функции исходной страницы; учитывая, что это прерывает путь пользователя к задаче и иммерсивный опыт, мы рекомендуем использовать его с осторожностью. Он будет отображаться один раз на главной странице программы.

Практическая мини-программа

Признайте апплет трюкового артефакта, примените настраиваемую навигацию и обновление раскрывающегося списка в библиотеке компонентов Smart UI и завершите каскадный поток шаблона домашней страницы. (Адрес источника: https://github.com/wannamakeudance/swan-artifact)

预览效果
Эффект предварительного просмотра

Шаблон сопутствующего примера

Для студента, который плохо знаком с разработкой апплетов, изучение документации является первым шагом, но API и компоненты документации полны и огромны, и для каждого будет относительно долгим процессом научиться разрабатывать апплет.

На данный момент, если есть готовые шаблоны небольших программ,Готово, разработчики могут учиться, используя в процессе вторичной разработки, что может значительно снизить затраты на обучение.——Компоненты интеллектуального пользовательского интерфейса в сочетании с повседневными задачами небольших программ и примеры комбинированных возможностей для решения этой болевой точки.

Ниже приведен пример эффекта шаблона страницы сведений о графике и службы обработки (многопроцессорная); для получения дополнительных шаблонов вы можете проверить документ на официальном веб-сайте https://smartprogram.baidu.com/docs/develop/example. /шаблон/список шаблонов/图文详情页模板 办理类服务模拟

Вышеизложенным я хочу поделиться с вами.Я надеюсь, что Smart UI можно использовать как вспомогательный фактор больше 1, чтобы разработчики небольших программ могли улучшать счастье в 1/3 раза..