Touch UI：基于vue的移動端UI框架

Nekron 發布于2019-08-26 11:56 / 2407人閱讀

摘要：，我們做了一款高質量的免費的移動端框架。這是一套基于打造的移動端框架，包含近百種組件，幾乎囊括了開發移動應用的所有細節。實現開發一套代碼，發布和微信小程序兩種應用。

Hi，我們做了一款高質量的、免費的移動端UI框架。

經過將兩年多開發和項目實踐，我們終于把Touch UI開放出來了。這是一套基于vue.js打造的移動端UI框架，包含近百種組件，幾乎囊括了開發移動應用的所有細節。

Touch UI有何亮點？

我們認為，一套足夠好的移動端UI框架應該滿足4個要素。

1、豐富的組件和易用的API

我們在做這套UI框架時，分析了大量的主流的移動應用，從中抽象出將近100種組件。囊括了容器布局、切換、模態、表單、列表、文本、多媒體、圖形圖表、地圖等各個方面。

我們希望開發者在開發移動應用時，不必把精力花在到處找組件、處理兼容等事情上，而是能夠專注于業務，真正實現組件拿來即用，像搭積木一樣開發移動應用。

2、友好的移動交互

跟PC開發不同，移動端的UI應該具備友好的移動端交互，例如上拉下拉、手指滑屏、按下滑動等等。我們在這些方面做了充分的考慮，每個組件都是針對移動端精心打造，追求原生級別的操作體驗。

3、優秀的性能

如何在功能豐富的基礎上還能保證高性能，是我們做這套框架的一個很大挑戰。為此，我們做了大量的工作來優化性能，例如按需編譯、資源拆分加載等等。現在基本可以達到點擊頁面秒開的效果。

4、良好的開發體驗

前端工程化的出現，大大提高了前端項目的開發效率并降低維護成本，但對于完全沒有經驗的傳統前端工程師來說，各種的環境配置和依賴安裝還是有不小的門檻。

基于微軟VSCode編輯器的插件機制，我們把前端工程化所需要的做的各種構建、編譯環節全部封裝起來，給開發者提供可視化右鍵菜單，從而簡化環境配置并降低入門門檻。同時，Touch UI框架和組件也都在插件里面，這樣當框架有升級時，開發者通過在線升級插件的方式就可以更新Touch UI，非常方便。

One More Thing

我們同時還推出了一套微信小程序UI框架：TouchUI-WX，它增加了30多種常用的組件用于官方組件的補充，并且擴充了不少功能，例如支持阿里的iconfont矢量圖標庫，支持less語法等。

最重要的是，你可以將Touch UI工程與TouchUI-WX工程相互進行轉換。實現開發一套代碼，發布H5和微信小程序兩種應用。

官網：https://www.touchui.io

Github：https://github.com/uileader/t...

云服務器 GPU云服務器移動前端ui框架 ui前端框架前端ui框架移動端框架

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/107846.html

2015年開源前端框架盤點TOP20

摘要：核心概念原則響應式瀏覽器支持預處理器響應式模塊化官網地址地址名稱類別語言創建者云適配最后更新時間年月人氣在上有描述國內首個開源跨屏前端框架，中文排版支持更優本土化組件豐富。 2015年已經過去了，作為一個前端開發者，我覺得有必要把過去一年幫助過我或朋友們的優秀開源前端框架做個盤點，希望這些項目能夠越來越好，幫助到更多的前端開發者們。此榜單根據github上star數作為排名依據，一個人...

silenceboy 2019-08-19 17:21 評論0 收藏0
2015年開源前端框架盤點TOP20

摘要：核心概念原則響應式瀏覽器支持預處理器響應式模塊化官網地址地址名稱類別語言創建者云適配最后更新時間年月人氣在上有描述國內首個開源跨屏前端框架，中文排版支持更優本土化組件豐富。 2015年已經過去了，作為一個前端開發者，我覺得有必要把過去一年幫助過我或朋友們的優秀開源前端框架做個盤點，希望這些項目能夠越來越好，幫助到更多的前端開發者們。此榜單根據github上star數作為排名依據，一個人...

summerpxy 2019-08-28 18:29 評論0 收藏0
2015年開源前端框架盤點TOP20

摘要：核心概念原則響應式瀏覽器支持預處理器響應式模塊化官網地址地址名稱類別語言創建者云適配最后更新時間年月人氣在上有描述國內首個開源跨屏前端框架，中文排版支持更優本土化組件豐富。 2015年已經過去了，作為一個前端開發者，我覺得有必要把過去一年幫助過我或朋友們的優秀開源前端框架做個盤點，希望這些項目能夠越來越好，幫助到更多的前端開發者們。此榜單根據github上star數作為排名依據，一個人...

wh469012917 2019-08-01 15:01 評論0 收藏0
干貨--手把手擼vue移動UI框架：側邊菜單

摘要：最后提醒下，代碼中使用而非的原因是為了啟動移動端手機的動畫加速，提升動畫流暢度。前言最近面試發現很多前端程序員都從來沒有寫過插件的經驗，基本上都是網上百度。所以打算寫一系列文章，手把手的教一些沒有寫過組件的兄弟們如何去寫插件。本系列文章都基于VUE，核心內容都一樣，會了之后大家可以快速的改寫成react、angular或者是小程序等組件。這篇文章是第一篇，寫的是一個類似QQ的側邊菜...

bergwhite 2019-08-22 15:11 評論0 收藏0