预览地址

技术栈

• Vue 前端框架
• ES6/7 采用最新 JS 语法
• Async/Await Promise 用于处理异步事件流
• Marked 识别 markdown 语法
• Prismjs 实现语法高亮
• Express vue-cli 自带服务器
• svg 字体图标

总结

利用 Async/Await Promise 实现按步骤绘制动态简历
实现了加速、播放、暂停、跳过、重来、下载 PDF 等功能
开启 webpack 和 babel-loader 缓存提高构建速度
用于 FireFox 显示 pdf 排版有错，所以遇到 Firefox 时，点击下载 PDF 后没有预览而采用直接下载

原理

定时的在页面添加字符串

用一定的方法解析字符串

如字符串内容为 CSS 就添加到 style 标签中

如字符串内容为 HTML 和 markdown 就用 marked 模块解析

许可协议: "署名-非商用-相同方式共享 4.0"

本文链接：http://ldq-first.github.io/2017/08/20/Vue版动态简历/