a dynamic resume

介紹

發現一款開源的動畫簡歷工程， 非常吸引眼球， 分享出來。

技術：

一、 npm工程管理

二、 vuejs

 

設計上，將工程分爲兩個組件：

0、程序入口組件

一、 編輯器組件 

二、 簡歷展現組件

 

流程上：

0、 程序入口組件，引入另外兩個組件

一、 程序入口組件， 將樣式 和  樣式內容 每隔1ms填入 編輯器組件， 編輯器組件不單單顯示樣式內容， 並將樣式生效。

       每隔1ms一段時間，實現了動態效果。

二、 開始顯示簡歷， 將簡歷內容（markdown）填入 簡歷組件，

三、 而後將簡歷的樣式，填入編輯器組件， 將簡歷組件的樣式生效， 這個過程也是一個每隔1ms的填入一部分的樣式的動態過程， 結果爲動畫形式。

 

工程文件：

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

 

效果

訪問以下連接

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