不去渴望,亦不去定义成熟

许多人的所谓成熟,不过是被习俗磨去了棱角,变得世故而实际了。

那不是成熟,而是精神的早衰和个性的夭亡。

真正的成熟,应当是独特个性的形成,真实自我的发现,精神上的结果和丰收。

————周国平<尼采:在世纪的转折点上>

“你”和“他”

“我要告诉你,两个人的关系里,一定要有一个带节奏的。

那个人就是看上去爱得比较多的那个人,也就是主动的那一个。

另外一个看似被宠爱,看似有恃无恐。

但是只有你知道,有一天她要走,你还有机会把她抓回来,而你要走,那么你决定走的那一天,就是所有故事的结局。”

JS获取操作系统信息

JS获取操作系统信息
脚本经常使用这些信息来处理不同浏览器等差异 这是很有效的方法之一

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 function getOSInfo(){
var os = "未知";
var userInfo =navigator.userAgent;
var windows =(navigator.platform=="Win32")||(navigator.platform=="Windows");
//获取用户所使用操作系统类型
os = null;
if(windows){
//indexOf()可返回某个指定的字符串值首次出现的位置
//没有返回-1
var win2K = userInfo.indexOf("Windows NT 5.0")&gt;-1;
if(win2K) os ="Windows 2000";
var winxp =userInfo.indexOf("Windows NT 5.1")&gt;-1;
if(winxp) os ="windows xp";
var win7 =userInfo.indexOf("Windows NT 6.1")&gt;-1;
if(win7) os ="Windows 7";
var win10 =userInfo.indexOf("Windows NT 10.0")&gt;-1;
if(win10) os ="Windows 10";
}
return os;
}
console.log(getOSInfo());//打印出操作系统

Js实现浏览器震屏效果

具体操作如下,Chrome Firefox 因为权限问题 无法震动 IE下正常

具体兼容性可以自己写  下面是大体思路

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 window.resizeTo(400,400);//改变窗口大小
var loop = 0;//震动次数
var timer; //定时器易用
var offX;
var offY;
var dir = 1; //震动方向 1正,2反
timer=setInterval(function(){
window.moveTo(500, 180);//改变窗口位置
if(loop&gt;100){//震动次数超过100次就停止定时器
clearInterval(timer);
}
//随机获取震动方向
dir = Math.random()*10 &gt; 5 ? 1 : -1;
//随机获取X轴移动量
offX = Math.random()*20*dir;
//随机获取Y轴移动辆
offY = Math.random()*20*dir*-1;
window.moveBy(offX,offY);//移动便宜
loop++;
},10)

js生成五位六位N位随机数

执行函数 RndNum(传入自己想要的位数)

1
2
3
4
5
6
function RndNum(n){
var rnd="";
for(var i=0;i&lt;n;i++)
rnd+=Math.floor(Math.random()*10);
return rnd;
}

JS随机变化CSS样式多彩效果

本特效可用于tag标签随机多彩变化的超链接样式。使用非常简单,可以预设多个想要的CSS a样式,可以设置超链接文字大小、字体颜色、字体背景等不同样式,随机刷新网页时候JQ自动实现超链接文字多样css样式特效效果。

1
2
3
4
5
6
7
8
9
$(document).ready(function() {
var tags_a = $("a");
tags_a.each(function(){
var x = 4;
var y = 1;
var rand = parseInt(Math.random() * (x - y + 1) + y);
$(this).addClass("tag-level-"+rand);
});
})

 

纯CSS3实现GIF图片进度加载效果

纯CSS3实现GIF图片进度加载效果

没有做兼容 只支持Chrome浏览器

主要掌握CSS3 animation box-shadow和transform属性

思维很重要 多看多写 开拓思维

单纯用伪元素写出各种效果 伪类很强大 多加深入了解

效果地址:http://www.29ym.com/demo/css3gif.html

风中的纸屑

我天性不宜交际。在多数场合,我不是觉得对方乏味,就是害怕对方觉得我乏味。可是我既不愿忍受对方的乏味,也不愿费劲使自己显得有趣,那都太累了。我独处时最轻松,因为我不觉得自己乏味,即使乏味,也自己承受,不累及他人,无需感到不安。——周国平

icon动画图标

当鼠标指针穿过元素时,会发生 mouseenter 事件,与 mouseover 事件不同,只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。如果鼠标指针穿过任何子元素,同样会触发 mouseover 事件。

animate() 方法执行 CSS 属性集的自定义动画 例子:

1
$(".btn1").click(function(){ $("#box").animate({height:"300px"}); });

效果地址:http://www.29ym.com/demo/icoanimate.html

富爸爸穷爸爸

为了钱而工作,得到报酬后,贪婪的买回来一堆没用的东西,形成了一种模式:起床-上班-付账单-再起床-再上班-再付账。

为了跳出这种恶性循环,首先要转换思维方式,不能为了钱工作,而是让钱为你工作。

正因为你没钱,就更要去学习。你所拥有的唯一真正的资产就是你的头脑。