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

今天是春节之后上班第一天,许多同学们都会觉得有些不习惯吧?没关系,明天就是第二天,后天就是第三天了,慢慢的你就习惯了...跟大家开个玩笑哈,春节已过,让我们继续学起来。

<!-- -->

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

在上一期的文章中,我们已经把需求分析的差不多了。那么我觉得这里面有二个难点,

一是html简历页面,生成为图片并下载;

二是数据库结构的设计,在这个例子中,我选用的是MongoDB;

<!-- -->

html生成图片下载的原理其实很简单,就是使用html2canvas.js,

这东西麻烦的地方在于生成图片的清晰度,还有就是有些页面上的内容生成不出来。但这都不是主要问题,网上都有成熟的解决方案。

<!-- -->

mongoDB这个数据库,简单好用又易学。一开始我也把它想的很复杂,因为我只会一些SQL,但是我只用了大概二个小时左右,就掌握了它的基本使用方法。至于它的具体下载与安装,我就不多写了,网上有许多的资料,同学们可以自行查找。

上面的命令分别是:

- 显示所有的数据库;

- 创建一个数据库:resume;

- 显示当前正在使用的数据库;

- 在当前的正在使用的数据库中添加edition集合;

- 显示当前正在使用的集合;

- 在当前集合中插入一条数据;

- 查看当前集合中的数据;

最为美妙的一点是,mongoDB保存数据的格式,跟json数据的格式基本是一样的。那么这样下来,设计数据库表、集合的工作,其实就变成了设计json数据的格式了。

<!-- -->

下面是一个在线编辑简历的粗原型,

总体是这么个顺序吧,就算再怎么复杂也不过是个SPA单面应用而已,先画到这里。

先行者课程的详细方案明天会发出来,然后看看大家的反馈、意见,再调整一下之后就发车。

如果你问我,“先行者课程”和“前端零基础课”有啥区别?

简单说的,一个是脱产全日班;一个是在职晚班。脱产的学习时间集中,学的快;在职晚班,时间拉的长,讲的慢。

现在课程内容已经准备的差不多了,

- 仿制豆瓣app

仿制 豆瓣电影 app beta(一)

【完工】仿制 豆瓣电影 app beta(二)

- 在线播放器

【从零开始】用vuejs做一个简陋但好使的播放器(一)

【Js结构】用vuejs做一个简陋但好使的播放器(二)

【完工】vueJs播放器的第一版完工(三)

- 全栈备忘录

【crud】全栈-在线备忘录-node-express-MongoDB

- 在线简历编辑器

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

- 学生简历系统

- pos结账

- 电商购物车

- reactJs留言板

- ...等

之前还有好多课程方面的积累,就现有的这些东西在每周二、五晚的上讲课,已经足够我讲半年以上了。

大致能学到的内容包括但不限于:

- vueJs

- reactJs

- nodeJs

- webPack

- MongoDB

- 常用设计模式(原型、单例、观察者)

- 每周一次的作业

- ...

其实内容还是挺多的。

<!-- 课程构思 -->

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

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

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

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

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

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

原文发布于微信公众号 - web前端教室(webfeel)

原文发表时间:2018-02-22

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏云瓣

表单界面的兼容PC手机端解决方案

就当写一篇随笔吧~上星期还在做加盟模块(兼容微信端),这星期已经加班做快递扫码模块(react+node),所以我感觉只有弹药备足了才能稍微轻松些应对各种需求。...

31740
来自专栏phodal

Mifa Design:一个服务于 Markdown 的设计体系

嗯,UI 框架,这已经不是一个很好的时代了。可对于 Design Systems 来说,这还是个不错的开始。 Material Design 是 Google ...

26160
来自专栏一个会写诗的程序员的博客

前端技能汇总 知识结构Frontend Knowledge StructureFE-learning

★越少越简单,越适合入门,★多的要么是难度比较高,要么是比较适合在后面看,比如讲性能之类的书.

26830
来自专栏即时通讯技术

微信朋友圈千亿访问量背后的技术挑战和实践总结

微信朋友圈包括图片和视频两套业务架构组成,朋友圈图片的特点是请求量大、消耗计算资源较多,视频则主要消耗带宽。

23640
来自专栏MixLab科技+设计实验室

如何用代码控制浏览器下载知乎大v的粉丝数据?

欢迎用户在后台留言需解答的问题, mixlab 将会不定期的从中选择提供解决方案。同时 mixlab 微信群已经汇集了机器学习、自然语言处理、前端、后端、产品经...

11830
来自专栏腾讯社交用户体验设计

[ISUX译]iOS 9人机界面指南(二):设计策略 - 腾讯ISUX

17820
来自专栏java达人

select选择框随输入过滤的两种不同实现(附代码)

一部分企业在招人时,可能是为了节省人力成本,会要求java开发人员熟悉前端技术,有些只要求会使用easyui这样的框架就行,而另一些则要求java程序员精通前端...

22590
来自专栏编程软文

如果把编程语言比做女人,那JavaScript则是......

27760
来自专栏腾讯数据中心

你必须认识的数据中心安全标识

行话说“年头出事白干一年,年尾出事一年白干”。临近年关,数据中心“安全”也变得热门了起来。数据中心的人身、物理及信息安全有千头万绪。今天,我们就从数据中心标识系...

49650
来自专栏小轻论坛

神一样的文字转语音软件,不仅免费功能还强大

之前给大家推荐过小程序分享丨智能文字转语音神器,讯飞快读这个小程序可以解决大家文字转语音的问题,小轻论坛也绑定了讯飞快读,大家可以在公众号的菜单栏打开这个小程序...

6.4K40

扫码关注云+社区

领取腾讯云代金券