Привет, мы сделали высококачественный бесплатный мобильный UI-фреймворк.
После более чем двух лет разработки и проектной практики мы наконец-то открыли Touch UI. Это мобильный UI-фреймворк на основе vue.js, включающий почти сотню компонентов, включая почти все детали разработки мобильных приложений.
Touch UIКаковы основные моменты?
Мы считаем, что достаточно хороший мобильный UI-фреймворк должен удовлетворять 4 элементам.
1, богатые компоненты и простой в использованииAPI
Когда мы создавали эту структуру пользовательского интерфейса, мы проанализировали большое количество основных мобильных приложений и абстрагировались почти от 100 компонентов. Он охватывает все аспекты макета контейнера, переключения, модальности, формы, списка, текста, мультимедиа, графической диаграммы, карты и так далее.
Мы надеемся, что при разработке мобильных приложений разработчикам не придется тратить свою энергию на поиск компонентов и работу с совместимостью, а они смогут сосредоточиться на бизнесе и по-настоящему реализовать использование компонентов и разрабатывать мобильные приложения как строительные блоки.
2, дружественное мобильное взаимодействие
В отличие от разработки для ПК, пользовательский интерфейс мобильного терминала должен иметь дружественное взаимодействие с мобильным терминалом, такое как подтягивание и опускание, скольжение пальцем, нажатие и скольжение и т. д. Мы полностью учли эти аспекты, и каждый компонент тщательно разработан для мобильного терминала, обеспечивая работу на уровне нативного уровня.
3, превосходное представление
Как обеспечить высокую производительность на основе богатого функционала — большая проблема для нас при создании этого фреймворка. С этой целью мы проделали большую работу по оптимизации производительности, такой как компиляция по запросу, раздельная загрузка ресурсов и т. д. Теперь вы можете в основном добиться эффекта нажатия на страницу за считанные секунды.
4, хороший опыт разработки
Появление фронтенд-инжиниринга значительно повысило эффективность разработки фронтенд-проектов и снизило затраты на обслуживание, однако для традиционных фронтенд-инженеров, которые совершенно неопытны, по-прежнему существует довольно много порогов для различных конфигураций среды и зависимых установок. .
Основываясь на подключаемом механизме редактора VSCode от Microsoft, мы инкапсулируем все ссылки для создания и компиляции, необходимые для проектирования переднего плана, и предоставляем разработчикам визуальное контекстное меню, тем самым упрощая настройку среды и уменьшая входные барьеры. При этом фреймворк и компоненты Touch UI тоже есть в плагине, поэтому при обновлении фреймворка разработчики могут обновить Touch UI, обновив плагин онлайн, что очень удобно.
One More Thing
Мы также запустили набор фреймворка пользовательского интерфейса апплета WeChat: TouchUI-WX, который добавляет более 30 часто используемых компонентов в дополнение к официальным компонентам и расширяет многие функции, такие как поддержка библиотеки векторных значков iconfont Ali, поддержка меньшего синтаксиса и т. д.
Самое главное, вы можете преобразовывать проекты Touch UI в проекты TouchUI-WX и наоборот. Реализовать разработку набора кодов и выпустить два приложения, H5 и апплет WeChat.
Официальный сайт:www.touchui.io
Гитхаб:GitHub.com/UI лидер/к…