近期WebUI比較熱門，有很多易友們都逐漸接觸了WebUI，當(dāng)然也有很多玩不明白的盆友們，所以就搞個小教程統(tǒng)一回答一下，讓各位玩明白點(diǎn)。

什么是WebUI？

WebUI它本質(zhì)上是一個瀏覽器加一個網(wǎng)頁，你可以理解為它就是一個套了瀏覽器外殼的一個程序?；蛘吒ㄋc(diǎn)來說它就是一個“超文本瀏覽框”加一個HTML文件。

WebUI的優(yōu)勢是可以讓你的軟件擁有更好看的界面、更絢麗的動效。同時它有很多完善的前端框架、組件插件等，相對于DUI、GDI自繪，它在開發(fā)時也會方便很多，但劣勢也很明顯，主要就是體積比較臃腫，運(yùn)行效率不高，至于怎么取舍看個人選擇。

適用范圍

任何事物都會有它的適用范圍，WebUI也不例外，由于它的運(yùn)行效率不高，對于一些金融行業(yè)、后臺或者是一些需要毫秒級響應(yīng)的軟件開發(fā)來說顯然是不適用的。個人覺得它更適用于C端用戶。

弄WebUI學(xué)習(xí)哪些內(nèi)容？

• 學(xué)易語言(廢話)，不把易語言玩明白，那肯定也玩不來易語言的WebUI。

• HTML(包括CSS和JavaScript)、JQuery和Vue(二選一即可，新手的話推薦用JQuery)。

可能有很多易友們覺得這個HTML難，全是英文看不懂不好上手，其實(shí)這個也不算難，我的英語可能比各位都差，我都能學(xué)會你們肯定也是可以的。

WebUI有哪些文件？

WebUI目前主要分為兩種：Miniblink、CEF(Chromium Embedded Framework)，為方便大家入坑，教程主要介紹Miniblink

Miniblink：簡單易懂，新手推薦、體積小(僅15M左右)、可實(shí)現(xiàn)大部分CSS效果、但由于去除了很多功能、導(dǎo)致CSS動畫掉幀等情況。

CEF：比較復(fù)雜、完整的谷歌內(nèi)核，體積大(100多M)、可實(shí)現(xiàn)全部CSS效果、也可直接當(dāng)瀏覽器來用。

WebUI文件結(jié)構(gòu)

這個看個人喜好吧，如果你沒有強(qiáng)迫癥的話可以全部文件都堆在一起。我個人會用以下這種兩種文件結(jié)構(gòu)，因?yàn)檫@樣會更加直觀、規(guī)范。

開發(fā)準(zhǔn)備

對于HTML的開發(fā)工具，沒有特別的要求，常見的有HBuilder X、VS Code、Dreamweav、Notpad++等，習(xí)慣用哪個就用哪個吧，用記事本寫也是可以的，主要看個人需要。

個人比較推薦用 HBuilder X 和 VS Code。