预览地址

技术

• React 前端框架
• ES6/7 采用最新 JS 语法
• Async/Await Promise 用于处理异步事件流
• Marked 识别 markdown 语法
• Prismjs/react-prism 实现语法高亮
• styled-components 在 JS 中写 CSS
• classnames 处理 className
• Express create-react-app 自带服务器
• icomoom.css 字体图标

总结

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

原理

定时的在页面添加字符串

用一定的方法解析字符串

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

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

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

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