静下来，好好思考。为了沉淀一下自己，缓解一下焦躁的情绪。磨刀不误砍柴工。
针对校友帮网站实现一个简单的模拟。具体效果图如下。这里的知识点涉及div+css、JavaScript、jQuery、vue.js、css3、localStorage。整个过程涉及到五个页面，即首页、发起项目页、浏览项目页、我的母校、月度活动，每个页面用来实现不同的布局。对于不太经常使用到的布局，通过div+css来实现。对于经常使用到的布局，通过vue实现一个组件式的模板，在用到它的地方直接在div中引入该组件即可。组件中有固定的部分，也有可变的部分，对于可变部分，通过传入属性及属性值的方式来进行渲染改变，即可通过一个组件模板实现多个不同的具体模块。利用jQuery实现dom操作及动画效果，如元素的选取及样式的改变。并通过json进行模拟注册与登录页面数据交互。
遇到的问题不少（果然还是小菜鸟），多亏了百度与谷歌的检查模式，整个过程基本顺利完成。这个过程我很享受。喜欢那种遇到问题解决后的快感。
目前还是有几个问题需要进一步解决的，比如说导航栏的切换功能时，不太是自己需要的状态。另外可能由于对vue的使用不是很熟练，浏览器也给出了警告。对于百分比布局与px固定值布局还有待研究。这个是在px布局下完成的，且我的电脑显示器是在150%状态下。
具体代码情况：https://github.com/sunshineqt/schoolmate
效果图：
2017-8-9小记
这里简单说一下遇到的部分问题：
1. 关于输入数据与json文件中的数据进行比较时，这里采用ajax将json文件中的数据取出，将其解析为对象，因其内为包含对象的数组，然后对其数组进行遍历，找到自己需要的属性，将其与jQuery选取到的我们刚输入的对应数据进行比较，根据比较结果作出后续不同的处理。
2. 关于当点击注册与登录页面内部的按钮时，可能触发不同次数的弹出事件，这里开始考虑可能是事件流导致的问题，通过阻止事件冒泡尝试失败，，通过多次尝试后来选择先进行事件解绑再进行事件绑定的方式。