项目地址

预览

blog

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

vue-cli搭建的模板，分了两个组件

这玩意有点坑

border-radius属性不知为何，截得的角度只有一半（设置50%的话截出来就25%），后来设置了100%居然成了；

linear-gradient渐变显示不出来，postion也不对，不管了；

opacity、visibility设置透明没用。

可以用官方提供的各种代理来解决，我这边选择了本地图片转base64存localstrong

在生成图片前进行操作，可能顺序会出问题，解决方法是把html2canvas方法放在this.$nextTick()里

这个主要是自己知识水平不够

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

父到子props，子到父events，如果有多层组件的话应该用vuex统一管理

1.兼容没处理好，chrome、ff测试没问题，IE11和EDGE截图功能出错；

2.组件拆分不够，两个大模块确实不好看；

3.没用vuex，数据通信有点乱；

4.代码解耦不完全。

千岁我老婆~