electron-ui 快速方便的打造炫酷的桌面應用

electron-ui是什麼

electron-ui是基於electron和electron-vue擴展出來的一套基礎的應用框架,目的是爲了快速的搭建炫酷的桌面應用,其實也算不上框架只是一種解決方案而已,讓electron後來的開發者在少採坑的狀況下搭建出相對漂亮而快速的應用css

爲何要作這個

公司的有個項目使用electron搭建的,最開始只是套了個網頁,後來隨着應用的上線,發現這種套網頁的樣式比較醜陋,頁面加載很不流暢,網上看了大部分的electron應用也沒有找到幾個比較好看的,因此本身業餘時間寫了這麼一個東西,一來能夠應用到公司產品上,而來方便之後的開發,能夠直接拿來當作基礎框架使用html

electron-ui有哪些特色或者解決了哪些問題

1.採用electron-vue框架,而且把依賴升級到最新版本,例如webpack4等,直接寫vue仍是比較舒服的
2.優化了多窗口的加載速率,以往打開一個窗口要加載html,css,js文件後還要解析vue渲染數據等等,因此彈窗打開速度很慢,如今採用路由跳轉的方式,彈窗直接變爲路由跳轉,因此彈窗速度秒開
3.實現了vuex的多窗口的數據同步問題,多個窗口同步store數據
4.封裝了窗口間的通信,發送和接收信息簡單方便
5.製做了窗口轉換的部分動畫,效果上還能夠
6.頁面框架已經搭建好,包括header,body,footer,能夠按需引入
7.製做了背景樣式能夠更換圖片和背景色甚至字體顏色vue

演示效果如何(gif不能錄製太大的效果很差)

GIF.gif

6788.gif

9F.gif

888F.gif

Gen.gif

x.gif

y.gif

補充

後續功能還在開發中。。。。webpack

相關文章
相關標籤/搜索