兩件事：面試、接活兒
一個理：誠信
快速構建動畫展示頁
事情本身需要記憶
月中旬去面試了一家創業公司，本着誠懇的態度去的，雖然內心的態度只是去了解了解，主要是因為他們的項目的確是自己想關注的一方面。前面有說過暫時不考慮去創業公司，於是應該也能明白這次的態度，由於時間的關系一再沒有過去面試，后來感覺對於誠信的問題不是很好，某周五下班就過去看看情況，順便對於對方的知遇之恩表示感謝。雖然最后還是由於個人能力不能滿足對方要求，不過也還是要慶幸是這樣的結果，具體的也就不細說了，只能說答應了別人的事情就必須盡量做到，輸在事情本質上卻不能輸在做人上。
月末，之前合作過的一個朋友又有一個小項目需要制作，說的是兩三天完成最后的這種，模仿一動畫切換展示頁。本身事情也還是比較多，可是就在周五晚些時間我回復他消息，卻沒有收到回復，我也為事情也就不是那么着急了，也就沒大注意這個事情本身，相反開始自己的事情。今天再次聯系的時候，雖然我把這個展示頁截止目前只是完成了兩頁，但是我可以肯定的說，不需要太長時間，這個事情就完成了，我問他還需要繼續做嗎？他回復已經交貨了。
個人問題是主要問題，后期還需要多加積累，多加學習，繼續像信任自己一樣去信任朋友，但是無論如何這也會有一個度。
養成一個好的習慣不容易，面試得到的一個感覺是，現在學習的東西很多停留在歷史，還有就是基礎還是太薄弱了。前端發展太多，而我們還是采用的老牛老車的方式，什么是自動化？好像玩過，后來好像就繼續停留在歷史。也許是工作的實際情況對於這方面影響還是太大的原因，如果有機會還是希望可以去一個更為專業的團隊學習更多，雖然有一些現實的情況，但是這過程中我還是相信自己的學習能力，至少我一致在堅持自己最初的愛好。
把做好的這個項目當着學習的一個過程開源
- 項目模仿參考圖
原項目20多個頁面 - 項目開始高仿
單頁切換html結構
<div class="main">
<section class="page on">
<figure>
<img src="./images/page/{i}/{imgName}.png" />
</figure>
<ul class="off">
<li><img src="./images/page/{i}/{imgName}.png" /></li>
</ul>
</section>
<!-- repeat section -->
</div>
css中現在是基本樣式，背景圖寫在樣式中的，也可以調整一下寫到js中添加
js背景尺寸（sourceBgSize），背景上的元素尺寸（sourceSize），元素相對背景位置（pos），動畫效果（time），這些元素暫時都是直接寫在js文件中，后期可以分離出來，通過頁面填寫數據信息自動生成對應的數據文件，這樣更利於速度上的提升。
3. 具體使用總結
使用animo來控制動畫效果，動畫樣式使用的是animate.css，在單個動畫的基礎上綜合利用，所以我覺得這個項目本身是沒有難度的，只是一個對於知識的綜合利用的問題。現在還不夠完善，還需要繼續優化，也許還有其他處理的方式，也希望可以得到大家的指點
4. 最后我的效果
項目地址
快速構建動畫展示頁 如果覺得還可以，請star鼓勵一下，謝謝。
最后想說的話
最近看了《我是路人甲》，拋開電影不說，只是想說這其中的故事，不是專業出身，最后卻希望以專業的身份參與一部自己的成名作，每個人最后有着不一樣的結局，但是堅信一點就是：努力，不忘初心。也許最后會以另外一種身份在這個行業繼續奮斗，但是只可能是比現在越來越好，這過程也會一直有人陪着你一起走過，那就是你的家人，好好愛家人。