a dynamic resume

2024-09-02 19:51:13

介绍

发现一款开源的动画简历工程，很是吸引眼球，分享出来。

技术：

1、 npm工程管理

2、 vuejs

设计上，将工程分为两个组件：

0、程序入口组件

1、编辑器组件

2、简历展示组件

流程上：

0、程序入口组件，引入另外两个组件

1、程序入口组件，将样式和样式内容每隔1ms填入编辑器组件，编辑器组件不仅仅显示样式内容，并将样式生效。

每隔1ms一段时间，实现了动态效果。

2、开始显示简历，将简历内容（markdown）填入简历组件，

3、然后将简历的样式，填入编辑器组件，将简历组件的样式生效，这个过程也是一个每隔1ms的填入一部分的样式的动态过程，结果为动画形式。

工程文件：

https://github.com/fanqingsong/aboutme/

效果

访问如下链接

https://fanqingsong.github.io/aboutme/

最新文章

热门文章