两件事一个理 把换钱的项目开源作为学习

两件事：面试、接活儿
一个理：诚信
快速构建动画展示页

事情本身需要记忆

月中旬去面试了一家创业公司，本着诚恳的态度去的，虽然内心的态度只是去了解了解，主要是因为他们的项目的确是自己想关注的一方面。前面有说过暂时不考虑去创业公司，于是应该也能明白这次的态度，由于时间的关系一再没有过去面试，后来感觉对于诚信的问题不是很好，某周五下班就过去看看情况，顺便对于对方的知遇之恩表示感谢。虽然最后还是由于个人能力不能满足对方要求，不过也还是要庆幸是这样的结果，具体的也就不细说了，只能说答应了别人的事情就必须尽量做到，输在事情本质上却不能输在做人上。

月末，之前合作过的一个朋友又有一个小项目需要制作，说的是两三天完成最后的这种，模仿一动画切换展示页。本身事情也还是比较多，可是就在周五晚些时间我回复他消息，却没有收到回复，我也为事情也就不是那么着急了，也就没大注意这个事情本身，相反开始自己的事情。今天再次联系的时候，虽然我把这个展示页截止目前只是完成了两页，但是我可以肯定的说，不需要太长时间，这个事情就完成了，我问他还需要继续做吗？他回复已经交货了。
个人问题是主要问题，后期还需要多加积累，多加学习，继续像信任自己一样去信任朋友，但是无论如何这也会有一个度。

养成一个好的习惯不容易，面试得到的一个感觉是，现在学习的东西很多停留在历史，还有就是基础还是太薄弱了。前端发展太多，而我们还是采用的老牛老车的方式，什么是自动化？好像玩过，后来好像就继续停留在历史。也许是工作的实际情况对于这方面影响还是太大的原因，如果有机会还是希望可以去一个更为专业的团队学习更多，虽然有一些现实的情况，但是这过程中我还是相信自己的学习能力，至少我一致在坚持自己最初的爱好。

把做好的这个项目当着学习的一个过程开源

1. 项目模仿参考图
   
   原项目20多个页面
2. 项目开始高仿
   单页切换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鼓励一下，谢谢。

最后想说的话

最近看了《我是路人甲》，抛开电影不说，只是想说这其中的故事，不是专业出身，最后却希望以专业的身份参与一部自己的成名作，每个人最后有着不一样的结局，但是坚信一点就是：努力，不忘初心。也许最后会以另外一种身份在这个行业继续奋斗，但是只可能是比现在越来越好，这过程也会一直有人陪着你一起走过，那就是你的家人，好好爱家人。