基于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.代码解耦不完全。

以上！

千岁我老婆~

基于vue+muse-ui的简历生成器相关推荐

基于vue(element ui) + ssm + shiro 的权限框架
zhcc 基于vue(element ui) + ssm + shiro 的权限框架引言心声现在的Java世界,各种资源很丰富,不得不说,从分布式,服务化,orm,再到前端控制,权限等等玲琅满目 ...
基于 Vue 的轻量级静态网站生成器 VuePress
Vue.js 的创始人尤雨溪大大在 twitter 上发布了一个全新的基于 Vue 的静态网站生成器-,这对于广大 Vue 爱好者来说无疑是一个好消息! 什么是VuePress VuePress由两部 ...
bootstrap的表单验证 vue_分享几个基于Vue的UI库和开源项目
阅读本文大概需要 3.6 分钟. 题图:Evan You(尤雨溪)的工作室在编程的世界里,你遇到的 90% 问题,别人都遇到过,并且提供了比较优秀的解决方案.我们无需一行一行代码从零开始创建一个项目 ...
如何开发一个基于 Vue 的 ui 组件库
如何开发一个基于 Vue 的 ui 组件库开发模式预览 demo 在开发一个 ui 组件库时,肯定需要一边预览 demo,一边修改代码. 常见的解决方案是像开发一般项目一样使用 webpack-d ...
【PC端vue ui框架学习】vue项目如何使用基于vue的UI框架Element
看了下iView之后,顺便看了看同样基于vuejs的ui框架Element,那么在vue项目中应该如何使用Element呢?以下做简单的记录. 官网定义:Element,一套为开发者.设计师和产品经理 ...
【PC端vue ui框架学习】vue项目如何使用基于vue的UI框架iview
今晚看了一下基于vuejs的ui框架iview,感觉UI挺好看的,那么在vue项目中应该如何使用iview呢?以下做简单的记录. 首先安装iview: $ npm install iview --sa ...
基于vue的UI框架集锦(移动端+pc端)
1. vonic 一个基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用,很简约,是我喜欢的风格 star 2.3k 中文文档在线预览 2.vux 基于WeUI和Vu ...
基于Vue+Element UI+Node+MongoDB的医院门诊预约挂号系统
目录概述 3 系统目标 3 需求分析 3 功能需求 3 非功能需求 4 设计 4 数据库设计 4 数据库说明 4 数据结构 4 接口设计 5 登录 5 注册.添加信息 6 查询信息 6 查询全部病人 ...
11个基于vue的UI框架
Element UI Element UI 来自中国,由与 Mint UI 相同的开发者所创建.Element UI 是用于 Web 和桌面应用程序的桌面 UI 工具包,如果你需要开发 Electro ...
基于Vue前端UI框架比较
Vue3相对于vue2的优缺点优点: 性能提升,主要体现在打包体积(减少了40%左右),渲染速度(快了55%),更新速度(100%)及内存使用(减少了50%)几方面. 由于增加了compositio ...

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

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

项目说明

项目结构

踩的坑

html2canvas

对css属性展现有问题

图片跨域的问题

异步的问题

兼容有问题

vue

作用域

组件通信

不足

以上！

基于vue+muse-ui的简历生成器相关推荐

最新文章

热门文章