ccchangkong / ccresume

ccresume

基于vue+muse-ui的简历生成器

项目地址

预览

blog

注意

引自Shiroyan

1. npm install 安装所有依赖 2.在node_module/muse-ui/src/styles/import.less 中找到 @{MuseThemeUi} 将其更改为 ./themes/variables/light.less
2. 如果你想更改主题颜色，只需要把light.less更改为其他预设主题即可。当然你也可以直接去修改颜色变量

项目说明

由webpack构建，vue2.0驱动，muse-ui样式库搭建，组件化开发，localstrong存储，jquery free；

可导入JSON文件，可导出图片、PDF、JSON文件

项目结构

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，数据通信有点乱；(此情况下，组件间确实不应该用vuex)

4.代码解耦不完全。

以上！

千岁我老婆~