前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【图片简历】Vue.js在线简历编辑器&生成图片简历(一)

【图片简历】Vue.js在线简历编辑器&生成图片简历(一)

作者头像
web前端教室
发布2018-03-27 10:30:45
3.7K0
发布2018-03-27 10:30:45
举报
文章被收录于专栏:web前端教室
用vueJs做一个在线简历编辑器吧,应该很简单。可以保存、修改、复制简历的小应用。

<!-- 分析需求 -->

1、页面结构生成;

2、简历内容保存;

3、简历多版本;

4、头像上传预览;

5、生成图片简历预览;

<!-- 需求细化 -->

一、生成页面;

vue-cli

二、简历内容保存;

1、收集页面中所有input、textarea、select等内容;

2、拼接为一个或几个json;

3、保存入mongodb中;

三、简历多版本;

复制mongodb数据,载入页面生成dom

四、头像上传预览;

多种方案,canvas中插入img,或base64等

五、生成图片简历预览;

html2canvas

<!-- 开发思路与步骤 -->

要做一个东西,先把需求分析清楚,大概分成几个部分,这几个部分都啥功能。

然后再脑子里把每个部分要用到哪些技术?怎么实现?在脑子里先过一遍。在纸上写出来,心中大概有一个“开发方向感”。

许多同学做不出东西来,主要就是二个问题,

一、需求想不清楚,脑子里一团浆糊;

二、没有方向,不知道要干啥;

这也正是先行课程所要解决的问题!

在经过了上面的“分析需求”与“需求细化”之后,整个的一个应用被分解为一堆连续的小型开发任务。

接下来,我们所要做的,就是将每个小任务解决掉,即可。

具体怎么解决?

这几天春节放假,咱们下次再说。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2018-02-16,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 web前端教室 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档