这是一个16年校园招聘网站，同样，做这网站的我们，也是今天六月份刚进公司的应届生，能接到这样的任务，是上级对我们的重视，和能力的肯定。
在记录之前，有免不得要发第一个牢骚，这个项目开始的时候作为开发一员的我，居然直到流程到我这里的时候我才知道，我没有参与项目需求的讨论，直接拿到了效果图
，
让我很是忧伤啊，直接导致 中秋的时候不能回家还要在公司加班（额 虽然加班很正常啦）
好吧 废话少说。来记录自己遇到的技术问题
1.首先我原本以为的自己静态页制作已经没有问题的时候，在写js的时候却需要频繁的推翻原来的布局重新来写，所以以后写布局的时候一定要深思熟虑啊！
2.这次开发我终于做全了前端的工作，从切图到制作页面到js,额 按我师傅的话说，这里面js效果都是最简单的
（我肿么没发现）
3.代码来啦
//这是一个委派事件，当btn-cover ol li 被点击时。即可获得当前元素的父类fr-show-cir（本页面有很多个fr-show-cir，此时即可互不影响）
$('.fr-show-cir').on('click', '.btn-cover ol li', function(){
});
//这个是回到网页顶部的小火箭
1.这是一个很有技巧的写法不过牺牲了一下效率，这样算是执行了两次点击事件。点击小火箭的时候，同时触发首页导航小圆点
$('#gotop').on('click', function(e) {
e.preventDefault();
$('#fp-nav a:first').click();
});
解释一下为什么下面的方法方便，还有第一种方法的存在，这是个全屏滚动插件的页面
2.这是缓缓滚动到顶部
//当滚动条的位置处于距顶部大于100PX时显示
$(window).scroll(function(){
if ($(window).scrollTop()>100){
$(".backTop").fadeIn(500);
}
else
{
$(".backTop").fadeOut(500);
}
});
//最痛苦的一件事就是一个页面多个自动轮播自己实现不了，最终产品忍痛砍了这个需求，哎呀自己还需要学很多
//关于插件问题
这再次开发一共用了两个插件。都是在实现不了的情况下，我这是第一次接触插件。fullpage.js CKplayer.js
关于插件的使用，主要注意html书写，也可以动态生成
把需要用的功能参数设置完毕即可。fullpage.js不知道为什么在js里设置居然不管用，需要的时候传参数，才可以。
CKplayer插件的使用居然是在上线前一晚，产品说视频不能有广告，也不让用优酷了，最终选择了这一款插件。小巧易调用。
这次学到了 data-*
<a href="javascript:;" target="_blank" rel="external nofollow" class="playbtn" data-video="http://cn-style.gcimg.net/v6/djt.mp4" data-cover="http://static.gcimg.net/i/201510/oKDbno0tyz.jpg" alt="黄科班招生"></a>
var videoUrl = $this.data('video');
var coverUrl = $this.data('cover');
暂时先到这里了，刚上线又要修改，我去哭了