-- W e l c o m e t o N o k e y _ b l o g --

Snippets for iKing's 1

11月 23 2014

Snippets 系列文章里,我会整理一些我自己写的插件,慢慢学习,慢慢进步

###一、一个图片轮播插件:

###二、简单的检测浏览器内核:

//browser
var
isFirefox = /firefox/.test(navigator.userAgent.toLowerCase()),
isWebkit = /webkit/.test(navigator.userAgent.toLowerCase()),
isOpera = /opera/.test(navigator.userAgent.toLowerCase()),
isMsie = /msie/.test(navigator.userAgent.toLowerCase());

###三、简单的滚动插件(还差一个滚动条):



没错,我大四了,没有考研,所以,这个是学生时代最后一个寒假了。
自己慢慢地感觉到了压力,面对现实的压力,我不得不每天都警告自己,毕业即将来临,也必须为自己的生活而努力。其实自己还是有点小梦想的,想住进像爱情公寓那样的房子,然后买一套《恋爱潜规则》里面的公寓,不过得先在一个企业文化好的公司工作。毕业后我特想去豆瓣工作,而且豆瓣还在798,工作氛围自由、创新,我挺喜欢的,我有信心,也相信自己的实力,但是,在技术上我还有一定的欠缺,所以这个寒假,我要把自己比较喜欢的技术打好基础,虽然只是自己一个人在学,但,我还是要坚持。
今天是在家的第5天了,作息时间自己还算满意,本来是想在Ubuntu上学Python,结果这几天只顾搞ubuntu,各种黑屏,重装,配置vim环境,安装一些必备的软件,今天,本来不支持13.10的Wubi突然给我安装了13.10!着实让我小感动了一把。偶尔玩一局LOL,练练腹肌。可是我还是不够静下心来,而我又付出了多少努力呢?
我相信天才,但我也相信我不是天才,我也有着人的惰性,我只是还没找到真正的自己,在这段没有意义的生命里找到自己的意义。我一直都是这样,喜欢却不是特别喜欢,但却能一直维持着这种喜欢的感觉,我敢面对真实的自己,可是看不透真正的自己。
勇敢的前行,开始寻找自己。

###四、简单的飞图 code


Fly Img

###五、简单的输入框字数限制 Code

// 字数限制工具函数
$('.word-num-limit').on('input', function(event) {
event.preventDefault();
var _me = $(this),
_val = _me.val(),
_max = parseInt(_me.attr('data-max-words'));
// console.log(_me.val());
if(_val.length > _max){
_me.val(_val.slice(0, _max));
}
});

这段代码需要给元素添加一个微数据data-max-words,并添加一个 Class word-num-limit

###六、一段发布时间的 Code (不带自动刷新功能。。。)

// publish func tools(eg. published 1 second before)
function publishDate(s){
var _date = new Date(),
_s = Math.ceil(_date.getTime() / 1000),
_dif = _s - s,
_T0 = (function(d){
return _s - d.getSeconds() - d.getMinutes()*60 - d.getHours()*3600;
}(_date)),
_Y0 = (function(){
return _T0 - 24 * 3600;
}()),
_B0 = (function(){
return _Y0 - 24 * 3600;
}()),
_filter = {
S1_59: function(){
if(_dif >= 1 && _dif < 60) return _dif + '秒前';
else return false;
},
M1_60: function(){
if(_dif >=60 && _dif < 3600) return Math.ceil(_dif / 60) + '分钟前';
else return false;
},
H1_24: function(){
if(_dif >= 3600 && _dif < 86400) return Math.ceil(_dif / 3600) + '小时前';
else return false;
},
Y: function(){
if(s >= _Y0 && s < _T0) return '昨天';
else return false;
},
BY: function(){
if(s >= _B0 && s < _Y0) return '前天';
else return false;
},
D: function(){
if(s < _B0 && s >=0){
var ago = new Date(s * 1000);
return ago.getFullYear()+ '年'+ ago.getMonth()+ '月'+ ago.getDate()+ '日';
}else{
return '000:时空错乱了!';
}
}
};
// console.log(_filter.D());
return _filter.S1_59() || _filter.M1_60() || _filter.H1_24() || _filter.Y() || _filter.BY() || _filter.D();
};
Usage:
console.log(publishDate(parseInt((new Date()).getTime()/1000)));

###七、基于 Ajax 的分页前端代码:




    s