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

<!-- 分析需求 -->

1、页面结构生成；

2、简历内容保存；

3、简历多版本；

4、头像上传预览；

5、生成图片简历预览；

<!-- 需求细化 -->

一、生成页面；

vue-cli

二、简历内容保存；

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

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

3、保存入mongodb中；

三、简历多版本；

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

四、头像上传预览；

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

五、生成图片简历预览；

html2canvas

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

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

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

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

一、需求想不清楚，脑子里一团浆糊；

二、没有方向，不知道要干啥；

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

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

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

具体怎么解决？

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