发表于： 2017-07-13 20:46:04
2 990
今天完成的事情
- 历时很多天，终于照着会动的简历的源代码，自己也写出来了
明天计划的事情
遇到的问题
- 1这是会动的简历效果演示，https://qianlongo.github.io/resume-native/dist/。看了下源码，发现是用es6加webpack写的，贼难看懂，学了几天的es6和promise后终于看懂了。在这个项目中，做着还引用了两个库，prism代码高亮。marked将markdown字符串转为html。整个逻辑还是比较简单的，就是要理清作者的代码逻辑有点难。好在坚持下来看懂了。
- 主要的核心思想是使用setinterval将字符串中的字符一个一个的输入到屏幕上，流程控制使用的是promis。最终的写法比较清晰，整个流程可以压缩成一句代码：
showStylesWrap(0)
.then(showResumeWrap)
.then(showStylesWrap.bind(null, 1))
.then(markdownToHtmlWrap)
.then(showStylesWrap.bind(null, 2))
其中，对于字符串数组的长度计算也十分巧妙，使用了reduce和filter方法：
length=styles.filter((item,i)=>{
return i<=num
}).reduce((result,item)=>{
result+=item.length;
return result
},0)
收获
知道了会动的简历实现思路
返回列表
评论