使用code-printer生成一份炫酷的简历

欢迎光临我的博客拓跋的前端客栈,这个是原文地址,这个是项目地址,欢迎star&fork。如果您发现我文章中存在错误,请尽情向我吐槽,大家一起学习一起进步φ(>ω<*)


DEMO


最终效果请点击这里,是不是有点意思?

使用code-printer生成一份炫酷的简历_第1张图片
code-printer.png

源码分析


code-printer的原理是首先搭起一个骨架,然后通过遍历的方式,一点一点地往骨架里塞东西。

骨架主要有三块:

  • : 主要用来展示的HTML代码的,带标签