基於vue+muse-ui的簡歷生成器

基於vue+muse-ui的簡歷生成器

項目地址

預覽

blog

項目說明

由webpack構建，vue2.0驅動，muse-ui樣式庫搭建，組件化開發，localstrong存儲，html2canvas導出圖片，jquery free

項目結構

vue-cli搭建的模板，分了兩個組件

踩的坑

html2canvas

這玩意有點坑

對css屬性展示有問題

border-radius屬性不知爲什麼，截得的角度只有一半（設置50%的話截出來就25%），後來設置了100%竟然成了；

linear-gradient漸變顯示不出來，postion也不對，無論了；

opacity、visibility設置透明沒用。

圖片跨域的問題

能夠用官方提供的各類代理來解決，我這邊選擇了本地圖片轉base64存localstrong

異步的問題

在生成圖片前進行操做，可能順序會出問題，解決方法是把html2canvas方法放在this.$nextTick()裏

兼容有問題

vue

這個主要是本身知識水平不夠

做用域

window.alert(),this.data什麼的

組件通訊

父到子props，子到父events，若是有多層組件的話應該用vuex統一管理

不足

1.兼容沒處理好，chrome、ff測試沒問題，IE11和EDGE截圖功能出錯；

2.組件拆分不夠，兩個大模塊確實很差看；

3.沒用vuex，數據通訊有點亂；

4.代碼解耦不徹底。

以上！

千歲我老婆~