資訊專欄INFORMATION COLUMN
摘要：，我們做了一款高質(zhì)量的免費(fèi)的移動(dòng)端框架。這是一套基于打造的移動(dòng)端框架，包含近百種組件，幾乎囊括了開(kāi)發(fā)移動(dòng)應(yīng)用的所有細(xì)節(jié)。實(shí)現(xiàn)開(kāi)發(fā)一套代碼，發(fā)布和微信小程序兩種應(yīng)用。
Hi，我們做了一款高質(zhì)量的、免費(fèi)的移動(dòng)端UI框架。
經(jīng)過(guò)將兩年多開(kāi)發(fā)和項(xiàng)目實(shí)踐，我們終于把Touch UI開(kāi)放出來(lái)了。這是一套基于vue.js打造的移動(dòng)端UI框架，包含近百種組件，幾乎囊括了開(kāi)發(fā)移動(dòng)應(yīng)用的所有細(xì)節(jié)。
Touch UI有何亮點(diǎn)？
我們認(rèn)為，一套足夠好的移動(dòng)端UI框架應(yīng)該滿足4個(gè)要素。
1、豐富的組件和易用的API
我們?cè)谧鲞@套UI框架時(shí)，分析了大量的主流的移動(dòng)應(yīng)用，從中抽象出將近100種組件。囊括了容器布局、切換、模態(tài)、表單、列表、文本、多媒體、圖形圖表、地圖等各個(gè)方面。
我們希望開(kāi)發(fā)者在開(kāi)發(fā)移動(dòng)應(yīng)用時(shí)，不必把精力花在到處找組件、處理兼容等事情上，而是能夠?qū)Ｗ⒂跇I(yè)務(wù)，真正實(shí)現(xiàn)組件拿來(lái)即用，像搭積木一樣開(kāi)發(fā)移動(dòng)應(yīng)用。
2、友好的移動(dòng)交互
跟PC開(kāi)發(fā)不同，移動(dòng)端的UI應(yīng)該具備友好的移動(dòng)端交互，例如上拉下拉、手指滑屏、按下滑動(dòng)等等。我們?cè)谶@些方面做了充分的考慮，每個(gè)組件都是針對(duì)移動(dòng)端精心打造，追求原生級(jí)別的操作體驗(yàn)。
3、優(yōu)秀的性能
如何在功能豐富的基礎(chǔ)上還能保證高性能，是我們做這套框架的一個(gè)很大挑戰(zhàn)。為此，我們做了大量的工作來(lái)優(yōu)化性能，例如按需編譯、資源拆分加載等等?，F(xiàn)在基本可以達(dá)到點(diǎn)擊頁(yè)面秒開(kāi)的效果。
4、良好的開(kāi)發(fā)體驗(yàn)
前端工程化的出現(xiàn)，大大提高了前端項(xiàng)目的開(kāi)發(fā)效率并降低維護(hù)成本，但對(duì)于完全沒(méi)有經(jīng)驗(yàn)的傳統(tǒng)前端工程師來(lái)說(shuō)，各種的環(huán)境配置和依賴安裝還是有不小的門(mén)檻。
基于微軟VSCode編輯器的插件機(jī)制，我們把前端工程化所需要的做的各種構(gòu)建、編譯環(huán)節(jié)全部封裝起來(lái)，給開(kāi)發(fā)者提供可視化右鍵菜單，從而簡(jiǎn)化環(huán)境配置并降低入門(mén)門(mén)檻。同時(shí)，Touch UI框架和組件也都在插件里面，這樣當(dāng)框架有升級(jí)時(shí)，開(kāi)發(fā)者通過(guò)在線升級(jí)插件的方式就可以更新Touch UI，非常方便。
One More Thing
我們同時(shí)還推出了一套微信小程序UI框架：TouchUI-WX，它增加了30多種常用的組件用于官方組件的補(bǔ)充，并且擴(kuò)充了不少功能，例如支持阿里的iconfont矢量圖標(biāo)庫(kù)，支持less語(yǔ)法等。
最重要的是，你可以將Touch UI工程與TouchUI-WX工程相互進(jìn)行轉(zhuǎn)換。實(shí)現(xiàn)開(kāi)發(fā)一套代碼，發(fā)布H5和微信小程序兩種應(yīng)用。
官網(wǎng)：https://www.touchui.io
Github：https://github.com/uileader/t...
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/107846.html
摘要：核心概念原則響應(yīng)式瀏覽器支持預(yù)處理器響應(yīng)式模塊化官網(wǎng)地址地址名稱類別語(yǔ)言創(chuàng)建者云適配最后更新時(shí)間年月人氣在上有描述國(guó)內(nèi)首個(gè)開(kāi)源跨屏前端框架，中文排版支持更優(yōu)本土化組件豐富。 2015年已經(jīng)過(guò)去了，作為一個(gè)前端開(kāi)發(fā)者，我覺(jué)得有必要把過(guò)去一年幫助過(guò)我或朋友們的優(yōu)秀開(kāi)源前端框架做個(gè)盤(pán)點(diǎn)，希望這些項(xiàng)目能夠越來(lái)越好，幫助到更多的前端開(kāi)發(fā)者們。此榜單根據(jù)github上star數(shù)作為排名依據(jù)，一個(gè)人...
摘要：核心概念原則響應(yīng)式瀏覽器支持預(yù)處理器響應(yīng)式模塊化官網(wǎng)地址地址名稱類別語(yǔ)言創(chuàng)建者云適配最后更新時(shí)間年月人氣在上有描述國(guó)內(nèi)首個(gè)開(kāi)源跨屏前端框架，中文排版支持更優(yōu)本土化組件豐富。 2015年已經(jīng)過(guò)去了，作為一個(gè)前端開(kāi)發(fā)者，我覺(jué)得有必要把過(guò)去一年幫助過(guò)我或朋友們的優(yōu)秀開(kāi)源前端框架做個(gè)盤(pán)點(diǎn)，希望這些項(xiàng)目能夠越來(lái)越好，幫助到更多的前端開(kāi)發(fā)者們。此榜單根據(jù)github上star數(shù)作為排名依據(jù)，一個(gè)人...
摘要：核心概念原則響應(yīng)式瀏覽器支持預(yù)處理器響應(yīng)式模塊化官網(wǎng)地址地址名稱類別語(yǔ)言創(chuàng)建者云適配最后更新時(shí)間年月人氣在上有描述國(guó)內(nèi)首個(gè)開(kāi)源跨屏前端框架，中文排版支持更優(yōu)本土化組件豐富。 2015年已經(jīng)過(guò)去了，作為一個(gè)前端開(kāi)發(fā)者，我覺(jué)得有必要把過(guò)去一年幫助過(guò)我或朋友們的優(yōu)秀開(kāi)源前端框架做個(gè)盤(pán)點(diǎn)，希望這些項(xiàng)目能夠越來(lái)越好，幫助到更多的前端開(kāi)發(fā)者們。此榜單根據(jù)github上star數(shù)作為排名依據(jù)，一個(gè)人...
摘要：最后提醒下，代碼中使用而非的原因是為了啟動(dòng)移動(dòng)端手機(jī)的動(dòng)畫(huà)加速，提升動(dòng)畫(huà)流暢度。 前言 最近面試發(fā)現(xiàn)很多前端程序員都從來(lái)沒(méi)有寫(xiě)過(guò)插件的經(jīng)驗(yàn)，基本上都是網(wǎng)上百度。所以打算寫(xiě)一系列文章，手把手的教一些沒(méi)有寫(xiě)過(guò)組件的兄弟們?nèi)绾稳?xiě)插件。本系列文章都基于VUE，核心內(nèi)容都一樣，會(huì)了之后大家可以快速的改寫(xiě)成react、angular或者是小程序等組件。這篇文章是第一篇，寫(xiě)的是一個(gè)類似QQ的側(cè)邊菜...
閱讀 2081·2023-04-26 02:23
閱讀 1821·2021-09-03 10:30
閱讀 1391·2019-08-30 15:43
閱讀 1221·2019-08-29 16:29
閱讀 573·2019-08-29 12:28
閱讀 2366·2019-08-26 12:13
閱讀 2254·2019-08-26 12:01
閱讀 2452·2019-08-26 11:56
