图片简历Vue.js在线简历编辑器&生成图片简历

Posted 2021-05-01 web前端教室

用vueJs做一个在线简历编辑器吧，应该很简单。可以保存、修改、复制简历的小应用。

<!-- 分析需求 -->

1、页面结构生成；

2、简历内容保存；

3、简历多版本；

4、头像上传预览；

5、生成图片简历预览；

<!-- 需求细化 -->

一、生成页面；

vue-cli

二、简历内容保存；

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

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

3、保存入mongodb中；

三、简历多版本；

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

四、头像上传预览；

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

五、生成图片简历预览；

html2canvas

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

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

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

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

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

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

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

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

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

具体怎么解决？

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

<!-- 课程构思  -->

课程实例，已经准备的差不多了。大概有十多个的样子，基本上，

1、每个demo课程都是独立的；

2、每个demo课程都包含“分析、设计、实现、迭代”四部分；

3、所有demo课程循环讲解，难度都差不多，所以可以随时加入；

4、每个demo课程搞定之后，才能进入下一个demo的学习。类似于游戏的过关。

每个人要进入下一个demo的学习之前，都要交一份上个demo课程的最终作业。合格，进入下一个demo；不合格，你就继续写。

上课形式嘛：晚班，是业余班，每周二、周五的晚上上课，每次约一个半小时；初期价格大概3600多吧，随着课程的迭代，以后不排除涨价的可能。

整个课程的学习周期是10个月。即，十个月内可以一直任意的学习各个课程，其实我觉得这样学大概4、5个月也就可以了转行了吧。

在这个过程中，最主要的目的，就是学会如何去做“前端架构的设计”。其余的，还可以学到一些插件编写、设计模式应用、前端自动化及工程化开发、多人开发协同等方面的知识。。。

这个课程的结构我基本想得差不多了，春节放假结束之后，正式的先行者课程内容就会发出来。