Hi件缸，我們做了一款高質(zhì)量的、免費(fèi)的移動端UI框架授账。
經(jīng)過將兩年多開發(fā)和項(xiàng)目實(shí)踐枯跑，我們終于把Touch UI開放出來了。這是一套基于vue.js打造的移動端UI框架白热，包含近百種組件敛助，幾乎囊括了開發(fā)移動應(yīng)用的所有細(xì)節(jié)。
Touch UI有何亮點(diǎn)屋确？
我們認(rèn)為纳击，一套足夠好的移動端UI框架應(yīng)該滿足4個(gè)要素。
1攻臀、豐富的組件和易用的API
我們在做這套UI框架時(shí)焕数，分析了大量的主流的移動應(yīng)用，從中抽象出將近100種組件刨啸。囊括了容器布局堡赔、切換、模態(tài)设联、表單善已、列表、文本离例、多媒體换团、圖形圖表、地圖等各個(gè)方面宫蛆。
我們希望開發(fā)者在開發(fā)移動應(yīng)用時(shí)艘包，不必把精力花在到處找組件、處理兼容等事情上耀盗，而是能夠?qū)Ｗ⒂跇I(yè)務(wù)想虎，真正實(shí)現(xiàn)組件拿來即用，像搭積木一樣開發(fā)移動應(yīng)用叛拷。
2磷醋、友好的移動交互
跟PC開發(fā)不同，移動端的UI應(yīng)該具備友好的移動端交互胡诗，例如上拉下拉、手指滑屏淌友、按下滑動等等煌恢。我們在這些方面做了充分的考慮，每個(gè)組件都是針對移動端精心打造震庭，追求原生級別的操作體驗(yàn)瑰抵。
3、優(yōu)秀的性能
如何在功能豐富的基礎(chǔ)上還能保證高性能器联，是我們做這套框架的一個(gè)很大挑戰(zhàn)二汛。為此婿崭，我們做了大量的工作來優(yōu)化性能，例如按需編譯肴颊、資源拆分加載等等∶フ唬現(xiàn)在基本可以達(dá)到點(diǎn)擊頁面秒開的效果。
4婿着、良好的開發(fā)體驗(yàn)
前端工程化的出現(xiàn)授瘦，大大提高了前端項(xiàng)目的開發(fā)效率并降低維護(hù)成本，但對于完全沒有經(jīng)驗(yàn)的傳統(tǒng)前端工程師來說竟宋，各種的環(huán)境配置和依賴安裝還是有不小的門檻提完。
基于微軟VSCode編輯器的插件機(jī)制，我們把前端工程化所需要的做的各種構(gòu)建丘侠、編譯環(huán)節(jié)全部封裝起來徒欣，給開發(fā)者提供可視化右鍵菜單，從而簡化環(huán)境配置并降低入門門檻蜗字。同時(shí)打肝，Touch UI框架和組件也都在插件里面，這樣當(dāng)框架有升級時(shí)秽澳，開發(fā)者通過在線升級插件的方式就可以更新Touch UI闯睹，非常方便。
One More Thing
我們同時(shí)還推出了一套微信小程序UI框架：TouchUI-WX担神，它增加了30多種常用的組件用于官方組件的補(bǔ)充楼吃，并且擴(kuò)充了不少功能，例如支持阿里的iconfont矢量圖標(biāo)庫妄讯，支持less語法等孩锡。
最重要的是，你可以將Touch UI工程與TouchUI-WX工程相互進(jìn)行轉(zhuǎn)換亥贸。實(shí)現(xiàn)開發(fā)一套代碼躬窜，發(fā)布H5和微信小程序兩種應(yīng)用。
官網(wǎng)：https://www.touchui.io
