【Отвечать"1024", отправить вам специальный толчок]
Специальное примечание: это библиотека фреймворка с открытым исходным кодом для небольших программ, с которой я столкнулся и использовал, по моему мнению.
Просто посмотрите на фреймворки с открытым исходным кодом и библиотеки компонентов, запущенные в настоящее время, чтобы увидеть, насколько популярен апплет. Из-за популярности разработки апплетов все стремятся изучить, как лучше и эффективнее разрабатывать апплеты, поэтому многие компании предоставили фреймворки с открытым исходным кодом и библиотеки компонентов для апплетов.
Например, позвольте мне перечислить некоторые:
фреймворк с открытым исходным кодом
1, МПВУЭ
mpvue — это интерфейсная среда, разработанная Meituan Dianping для разработки небольших программ с использованием Vue.js. Фреймворк основан на ядре Vue.js, а mpvue изменяет реализацию среды выполнения и компилятора Vue.js, чтобы он мог работать в среде апплета, тем самым предоставляя весь набор возможностей разработки Vue.js для разработки апплета. . Используя mpvue для разработки апплета, вы получите следующие возможности, основанные на технологической системе апплета:
-
Полноценные возможности компонентной разработки: улучшите возможность повторного использования кода
-
Полный опыт разработки Vue.js
-
Удобное решение для управления данными Vuex: легко создавать сложные приложения
-
Механизм быстрой сборки веб-пакета: настраиваемая стратегия сборки, горячая перезагрузка на этапе разработки
-
Поддержка использования внешних зависимостей npm
-
Быстро инициализируйте проекты с помощью инструмента командной строки Vue.js vue-cli
-
Возможность преобразования кода H5 и компиляции в объектный код апплета
Гитхаб: https://github.com/Meituan-Dianping/mpvue
Официальный сайт: http://mpvue.com/
2. Тина.js
Tina.js — это легкий прогрессивный фреймворк апплета WeChat.
Особенности: Легкий и компактный. Начать работу очень просто, и большинство API-интерфейсов MINA (официальная структура мини-программы WeChat) сохранены; независимо от того, есть ли у вас опыт разработки мини-программ, вы можете легко перейти к началу работы. Прогрессивное улучшение, как менеджеры состояний, так и улучшения маршрутизации, и вы можете писать свои собственные плагины.
Адрес фреймворка с открытым исходным кодом Tina.js: https://github.com/tinajs/tina
3. Таро
Taro — это многотерминальная унифицированная среда разработки, созданная Jingdong-Bump Labs и соответствующая спецификации синтаксиса React. Если я правильно помню, он недавно был открыт.
Используя Taro, мы можем написать только один набор кода, а затем использовать инструмент компиляции Taro для отдельной компиляции исходного кода в коды, которые можно запускать на разных сторонах (апплет WeChat, H5, сторона приложения и т. д.). В то же время Taro также предоставляет такие функции, как обнаружение синтаксиса и автозаполнение из коробки, что эффективно улучшает опыт и эффективность разработки.
Официальный сайт: http://taro.aotu.io/
GitHub: http://github.com/nervjs/taro
4. Вепи
WePY — это платформа, которая позволяет небольшим программам поддерживать разработку компонентов.Благодаря предварительной компиляции разработчики могут выбрать свой любимый стиль разработки для разработки небольших программ. Детальная оптимизация фреймворка, введение Promise и Async Functions — все для того, чтобы сделать разработку небольших программных проектов проще и эффективнее.
характеристика:
-
Vue-подобный стиль разработки
-
Поддержка разработки пользовательских компонентов
-
Поддержка импорта пакетов NPM
-
Обещает поддержку
-
Поддержка функций ES2015+, таких как асинхронные функции.
-
Поддерживает несколько компиляторов, Less/Sass/Styus, Babel/Typescript, Pug
-
Поддержка различных надстроек, сжатие файлов, сжатие изображений, замена контента и т. д.
-
Поддержка Sourcemap, ESLint и т. д.
-
Оптимизация мелких деталей программы, таких как организация очереди запросов, оптимизация событий и т. д.
Гитхаб: https://github.com/Tencent/wepy
Официальный сайт: https://tencent.github.io/wepy
5. сеть
weweb — это интерфейсная платформа, совместимая с синтаксисом апплета.Вы можете писать веб-приложения в стиле апплета. Если у вас уже есть апплет, вы можете запустить свой апплет в браузере через него.
характеристика: Кроссплатформенный, набор кода работает на нескольких концах (мини-программы, h5 и прямая упаковка в приложения Android и ios в будущем — это не мечта) Поставляется с общими компонентами, полностью наследует встроенные компоненты апплета и совместим с синтаксисом rpx апплета, что упрощает адаптацию страницы.
Гитхаб: https://github.com/wdfe/weweb
Библиотека компонентов
Существуют также различные библиотеки компонентов с открытым исходным кодом, такие как следующие:
понравилосьzanui-weappа такжеiviewЭти двое относительно известны.
Я рекомендовал эти две библиотеки компонентов в моем официальном аккаунте ранее, я не буду вводить конкретное использование и функции, это будет ясно, посмотрев мои предыдущие твиты или поискав самостоятельно. Использование простое.
ужин приближается
Выше представлены пять фреймворков с открытым исходным кодом и две библиотеки компонентов. Я не говорю, что вышеперечисленное нехорошо. Вышеперечисленное абсолютно хорошо. Независимо от того, являются ли вышеперечисленные фреймворки с открытым исходным кодом или библиотеки компонентов продуктами крупных производителей, все они отлично. Но это всего лишь фреймворки с открытым исходным кодом — это фреймворки с открытым исходным кодом, а библиотеки компонентов — это библиотеки компонентов. Это не удовлетворило мои болевые точки только в разработке апплета WeChat.
Один из них — простая в использовании среда с открытым исходным кодом для разработки апплетов, а другой — богатая библиотека компонентов.Просто официально запущенный не может удовлетворить наши потребности.Вышеуказанная структура и библиотека компонентов разделены. Так что это не решает моей болевой точки.Платформа с открытым исходным кодом, которую я рекомендую сегодня, может не только предоставить структуру, но также обогащать и расширять многие компоненты, так что нам не нужно беспокоиться об инкапсуляции компонентов самостоятельно при разработке..
На самом деле библиотеки компонентов, представленные выше, имеют большой недостаток: их библиотеки компонентов достаточно богаты, но настройка стилей жесткая и негибкая, а сегодняшняя гораздо более гибкая.
Фреймворк с открытым исходным кодом, который я вам рекомендую:touchwx.
Touch WX — это полностью бесплатная среда разработки апплетов WeChat, которая содержит богатые элементы управления пользовательским интерфейсом для дополнения официальных компонентов. Особенности следующие:
1. Расширение компонента:
В дополнение к официальным компонентам добавлено более 30 часто используемых компонентов.
2. Расширение функций:
Благодаря совместимости с библиотекой значков шрифтов Ali можно свободно использовать большое количество векторных значков; дополнять общую библиотеку стилей, поддерживать меньше синтаксиса, поддерживать цвет темы глобальной конфигурации и т. д.
3. Улучшение опыта разработки:
Четырехфайловый режим изменен на однофайловый и разрабатывается через редактор VSCode + плагин, с опытом веб-разработки;
4. Преобразовать апплет в приложение H5:
Его можно преобразовать с помощью проекта Touch UI среды разработки H5 и опубликовать как веб-приложение. Разработайте один набор кода и два набора приложений.
Принцип этой рамки таков:
Скомпилируйте код, написанный в проекте Touch WX, и выведите его напрямую как исходный код проекта апплета WeChat. Более 30 расширенных компонентов полностью реализованы на основе официального механизма пользовательских компонентов апплета (кроме строк и столбцов).
Таким образом, он поддерживает весь синтаксис апплета, как разрабатывать апплеты, так и разрабатывать Touch WX.
Однако, поскольку это метод разработки с одним файлом, структура кода файла немного отличается. Пожалуйста, помните об этом.
Преимущество этого в том, что:
1. Стоимость миграции разработчика очень мала.
Вы можете легко перенести существующий апплет в проект Touch WX, чтобы использовать его возможности расширения;
2. Легко устранять ошибки.
При возникновении проблемы разработчик также может в любое время просмотреть исходный код выходного апплета, чтобы найти проблему. Не будет ясно, проблема ли это в фреймворке или проблема с вашим собственным кодом;
3. Компилировать по запросу
Из-за ограниченного размера апплета при использовании фреймворка для разработки только используемые компоненты будут скомпилированы и выведены в виде исходного кода апплета. Неиспользуемый не будет выводиться.
4. Это не будет зависеть от фреймворка.
Если вы не хотите использовать эту структуру в будущем, вы можете напрямую поддерживать небольшие проекты программ, которые были экспортированы.
На данный момент я считаю, что этот фреймворк с открытым исходным кодом является наиболее подходящим для нас, а эффективность будет наивысшей, если он будет разработан только для небольших программ.
Гитхаб: https://github.com/uileader/touchwx
Официальный сайт: https://www.wetouch.net/wx.html
Наконец, вы можете долго нажимать QR-код ниже, чтобы испытать:
Сегодняшние товары на самом деле довольно сухие, но чем более сухие товары, тем меньше людей могут их увидеть.Я все же надеюсь, что все поддержат и перешлют их, чтобы больше людей узнало о таком удобном в использовании фреймворке для разработки.
- Длительное нажатие для определения внимания -
технологии, рабочее место, продукт, мышление
Отраслевые часы