usual's blog.

replace笔记

分类: Javascript   发布于: 2014.08.21, 15:03, by  usual  查看:4,192   |   评论: 发表留言

/*
 * http://meigong.org/?p=491替换为http://meigong.org/491.html
*/
// stringObject.replace(regexp/substr,replacement);

var reg=/(meigong.org\/)\?p=(\d+)/i;
var url="http://meigong.org/?p=491";

var result1=url.replace(reg,"$1$2.html");
console.log(result1);//http://meigong.org/491.html
// $1表示reg中第一个子表达式匹配的值,即(meigong.org\/)匹配的值,返回meigong.org/
// $2表示reg中第二个子表达式匹配的值,即(\d+)匹配的值,返回491
// $n++以此类推

var result2=url.replace(reg,function(all,arg1,arg2,arg3,arg4){
	console.log(arguments[0]);//  meigong.org/?p=491   第一个参数为匹配到的字符串
	console.log(arguments[1]);//  meigong.org/  第二,三个参数为各子表达式匹配的值,类似于$1,$2,可以有0个或更多
	console.log(arguments[2]);//  491
	console.log(arguments[arguments.length-2]);//  7 倒数第二个参数为匹配的字符串在 stringObject 中出现的位置
	console.log(arguments[arguments.length-1]);//  http://meigong.org/?p=491 最后一个参数为 stringObject本身
	return arg1+arg2+".html";
});
console.log(result2);//http://meigong.org/491.html

判断是否为IE

分类: Javascript   发布于: 2014.08.13, 14:02, by  usual  查看:4,540   |   评论: 发表留言

document.all,现在chrome也支持了。
还是ActiveXObject靠谱。

var isIE=!!window.ActiveXObject||"ActiveXObject" in window;

一些事.

分类: Day after day.   发布于: 2013.10.08, 8:08, by  usual  查看:3,832   |   评论: 发表留言

胃又有点不舒服,不知道是最近生活太不规律还是喝酒引起的,好在假期终于结束了,不容易。

去年6月一次白酒喝多,9月体检出有轻微胆囊息肉,也就是说不能喝酒了。今年1月喝吐,又把胃搞坏。右胸口上的疤,也在提醒我少抽烟。可是 ,烟酒不分家,喝起酒来烟就停不下来,这是一个很恶性的循环。一直东奔西跑,状态太差,今年都还没敢去体检。大仙说,这是作死的节奏。我觉得也是。但喝酒是现在能想到的唯一乐趣,就像LOL是每天唯一的娱乐一样,虽然都很无趣,但暂时无可替代。

放假什么都不想干,越来越懒散,只想好好休息下。加了一个多月班的新拍首也终于灰度,计划国庆假期写写项目总结,也懒得动。

有些问题自己早意识到了,但总是自己给自己找各种借口敷衍自己。心态太差,或者是太累,每天都疲于愧疚一些太过去的事。以至于忽略了周围的很多人和事,留下很差的印象。当一个人指出你的问题时,你可以不听,第二个人也可以,但当第三个人的时候,那就一定是问题很严重了。来深圳4个月,已经不下三个人当面跟我说了,最近也一直在思考。这些年,也算走南走北,经历过不少事,见识过不少人,但有些东西是天生的软肋,难以改变。是的,我又开始给自己找借口了。混到现在如此落魄,都是自作孽,一次一次的把自己逼的无路可走,真累。年后在北京的几个月,有几星期,我一度觉得自己差点崩溃。我偶尔会想,如果毕业一直留在武汉,虽然不一定是自己想要的生活,但至少不会这么累。

参加工作的时间不长不短,很难找回当年对工作的热情。有时候你加班一个月,还比不上别人10分钟的PPT。小公司学做事,大公司学做人。一直待小公司,突然去了大公司,初入职场那些小公司给的思想总是根深蒂固的难以改变,难以融入。幸而我对升职评级啥的没什么兴趣,努力做好本份的事就好。是的,我又开始给自己找理由,能力差,怪制度,做不好事,怪公司。

愿在异国的人一切安好。

javascript中运算符的优先级

分类: Javascript   发布于: 2012.12.28, 14:02, by  usual  查看:5,547   |   评论: 发表留言

摘自《JavaScript语言精髓与编程实践(第二版)》

序号 运算符 描述
1 . [] () 对象成员存取、数组下标、函数调用等
2 ++ — ~ ! delete new typeof void 一元运算符等
3 * / % 乘法、除法、取模
4 + – + 加法、减法、字符串连接
5 << >> <<< 移位
6 < <= > >= instanceof 序列检测、instanceof
7 = != === !== 等值检测
8 & 按位与
9 ^ 按位异或
10 | 按位或
11 && 逻辑与
12 || 逻辑或
13 ?: 条件
14 = OP= 赋值、运算赋值
15 , 多重赋值

php连接mysql.

分类: 学习笔记   发布于: 2012.11.18, 17:05, by  usual  查看:6,649   |   评论: 发表留言

";    
    echo "asdfasdfadsf";   
    $mysql_server_name="localhost:3306"; //数据库服务器名称   
    $mysql_username="root"; // 连接数据库用户名   
    $mysql_password="rootpass"; // 连接数据库密码   
    $mysql_database="dbname"; // 数据库的名字   
       
    // 连接到数据库   
    $conn=mysql_connect($mysql_server_name, $mysql_username,   
                        $mysql_password);   
                           
    // 从表中提取信息的sql语句   
    $strsql="select val from TSYS_HASHTABLE where `key`='vmall_version'";   
    // 执行sql查询   
    $result=mysql_db_query($mysql_database, $strsql, $conn);   
    // 获取查询结果   
    $row=mysql_fetch_row($result);   
       
        
    echo '';   
    echo '';   
  
    // 显示字段名称   
    echo "";   
    for ($i=0; $i'.   
      mysql_field_name($result, $i);   
      echo "";   
    }   
    echo "";   
    // 定位到第一条记录   
    mysql_data_seek($result, 0);   
    // 循环取出记录   
    while ($row=mysql_fetch_row($result))   
    {   
      echo "";   
      for ($i=0; $i';   
        echo $row[$i];   
        echo '';   
      }   
      echo "";   
    }   
      
    echo "
"; echo "
"; // 释放资源 mysql_free_result($result); // 关闭连接 mysql_close($conn); ?>

去除chrome的一些默认样式.

分类: css   发布于: 2012.11.03, 23:11, by  usual  查看:6,515   |   评论: 发表留言

在chrome浏览器里,input[type="text"],textarea,select在focus状态下,都会默认有个黄色边框.
input[type="text"]

textarea默认右下角还有一个可用鼠标拖动该textarea大小的功能

select在点击时

当div加上contenteditable=”true”时,focus状态下也会有黄色边框.

去掉默认黄色边框:

input,select,textarea,div{outline:none;}

取消textarea的拖动改变大小的功能:

textarea{resize:none}

js中操作数组的常用方法.

分类: Javascript   发布于: 2012.10.28, 17:05, by  usual  查看:6,041   |   评论: 发表留言

1.栈方法
push()方法可以接受任意数量的参数,把它们逐个添加到数组末尾,并返回修改后数组的长度.
pop()方法从数组末尾移除最后一项,减少数组的length值,然后返回移除的项.

var colors=[];
var count=colors.push("red","green");	//推入两项
alert(count);	//2				

count=colors.push("black");		//推入另一项
alert(count);	//3

var item=colors.pop();			//取得最后一项
alert(item);	//"black"
alert(colors.length);	//2

2.队列方法
shift()方法能够移除数组中的第一个项并返回移除的项,同时将数组长度减1.
unshift()方法能在数组前端添加任意个项,并返回新数组的长度.

var colors=["red","green","black"];
var item=colors.shift();
alert(item);	//"red"
alert(colors.length);	//2

var count=colors.unshift("red","white");
alert(count);	//4

3.重排序方法 阅读全文..

简单的左右无缝滚动.

分类: Javascript   发布于: 2012.10.24, 21:09, by  usual  查看:6,184   |   评论: 发表留言

简单的左右无缝滚动,demo,能鼠标控制左右滚动.

主要通过改变scrollLeft值来实现.没什么技术含量.做个备份.

HTML结构如下:

<div id="scroll">
   <div id="left"></div>
   <div id="wrap">
       <div class="wrap1">
           <div id="s1">
               <img src="images/1.jpg" alt="" width="200"/>
               <img src="images/2.jpg" alt="" width="200"/>
               <img src="images/3.jpg" alt="" width="200"/>
               <img src="images/4.jpg" alt="" width="200"/>
               <img src="images/5.jpg" alt="" width="200"/>
               <img src="images/6.jpg" alt="" width="200"/>
           </div>
           <div id="s2"></div>
       </div>
   </div>
   <div id="right"></div>
</div>

CSS如下:

body,div{margin:0; padding:0;}
img{border:0 none;}
#scroll{width:830px; margin:50px auto; border:1px solid #ccc; padding:20px 50px; position:relative; border-radius:5px; box-shadow:0 0 10px #999;}
#wrap{width:830px; overflow:hidden;}
.wrap1{width:5000px;}
#wrap img{float:left; margin-right:10px; border-radius:5px; }
#s1,#s2{float:left;}
#left,#right{position:absolute; width:20px; height:80px; top:50%; margin-top:-40px; background:#ccc; cursor:pointer;}
#left:before,#left:after,#right:before,#right:after{position:absolute;width:0; height:0; content: “”; }
#left:before{border-color:#fff #ccc #ccc #fff; border-width:20px 10px; border-style:solid; }
#left:after{border-color:#ccc #ccc #fff #fff; border-width:20px 10px; border-style:solid; bottom:0;}
#right:before{border-color:#fff #fff #ccc #ccc; border-width:20px 10px; border-style:solid; }
#right:after{border-color:#ccc #fff #fff #ccc; border-width:20px 10px; border-style:solid; bottom:0;}
#left{left:15px;}
#right{right:15px;}

JS:
阅读全文..