专注于前端开发, 追求更好的用户体验, 更好的开发体验 [长沙前端QQ群:234746733]

开发

  • js 解决两列、三栏div等高(自适应高度)

    / 分类: 开发 / No Comments

    var l=document.getElementById("left").scrollHeight;   
    var r=document.getElementById("right").scrollHeight   
    if (r>l) {   
        document.getElementById("left").style.height=document.getElementById("right").scrollHeight+"px";   
    } else {   
        document.getElementById("right").style.height=document.getElementById("left").scrollHeight+"px";   
    }
    

    网上的div等高方法大致有五种(无非就是利用js或者css),这个算是js方法一种的完善,无论left或是right高时,都可以实现自适应高度。而且就算遇到left或right里面有其他元素影响时,也可以通过在+"px"; 前面加上加减乘除来达到满意的效果,例,可写成:+5+"px"。

    下面是三栏等高:

    var l=document.getElementById("left").scrollHeight 
    var m=document.getElementById("middle").scrollHeight 
    var r=document.getElementById("right").scrollHeight 
    layoutHeight=Math.max(l,m,r) 
    document.getElementById("left").style.height=layoutHeight+"px" 
    document.getElementById("right").style.height=layoutHeight+"px" 
    document.getElementById("middle").style.height=layoutHeight+"px" 
  • 做了个自我感觉不错的 HTTP 404错误页

    / 分类: 开发,实践 / 2 Comments

    看过很多比较有创意的404页面,自己早就想做一个了,这次终于做了一个出来。XHTML、CSS、PHP、FreeBSD都有了,自己感觉创意还不错。本来是想404页放个小游戏来着,后来还是发现自己喜欢这个。

    https://xhl.me/demo/html/404.html

  • 常用正则

    / 分类: 开发 / No Comments

    匹配中文字符的正则表达式: [\u4e00-\u9fa5]
    匹配双字节字符(包括汉字在内): [^\x00-\xff]
    应用:计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)
    String.prototype.len=function(){return this.replace([^\x00-\xff]/g,"aa").length;}
    匹配空行的正则表达式: \n[\s| ]*\r
    匹配HTML标记的正则表达式: /<(.*)>.*<\/>|<(.*) \/>/
    匹配首尾空格的正则表达式: (^\s*)|(\s*$)
    应用:javascript中没有像vbscript那样的trim函数,我们就可以利用这个表达式来实现,如下:
    String.prototype.trim = function() {
    return this.replace(/(^\s*)|(\s*$)/g, "");
    }

    利用正则表达式分解和转换IP地址:
    下面是利用正则表达式匹配IP地址,并将IP地址转换成对应数值的javascript程序:
    function IP2V(ip) {
    re=/(\d )\.(\d )\.(\d )\.(\d )/g //匹配IP地址的正则表达式
    if(re.test(ip)) {
    return RegExp.*Math.pow(255,3)) RegExp.*Math.pow(255,2)) RegExp.*255 RegExp.*1
    }
    else {
    throw new Error("Not a valid IP address!")
    }
    }

    不过上面的程序如果不用正则表达式,而直接用split函数来分解可能更简单,程序如下:
    var ip="10.100.20.168"
    ip=ip.split(".")
    alert("IP值是:" (ip[0]*255*255*255 ip[1]*255*255 ip[2]*255 ip[3]*1))

    匹配Email地址的正则表达式: \w ([- .]\w )*@\w ([-.]\w )*\.\w ([-.]\w )*
    匹配网址URL的正则表达式: http://([\w-] \.) [\w-] (/[\w- ./?%&=]*)?
    利用正则表达式去除字串中重复的字符的算法程序:
    var s="abacabefgeeii"
    var s1=s.replace(/(.).*/g,"")
    var re=new RegExp("[" s1 "]","g")
    var s2=s.replace(re,"")
    alert(s1 s2) //结果为:abcefgi

    用正则表达式从URL地址中提取文件名的javascript程序,如下结果为page1
    s="http://www.9499.net/page1.htm"
    s=s.replace(/(.*\/)([^\.] ).*/ig,"")
    alert(s)

    利用正则表达式限制网页表单里的文本框输入内容:
    用正则表达式限制只能输入中文:
    onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"
    用正则表达式限制只能输入全角字符:
    onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"
    用正则表达式限制只能输入数字:
    onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
    用正则表达式限制只能输入数字和英文:
    onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"

  • 抓网页内容file_get_contents curl fopen

    / 分类: 开发 / No Comments

    1.file_get_contents

    $url = http://www.xxx.com/;
    $contents = file_get_contents($url);
    //如果出现中文乱码使用下面代码
    //$getcontent = iconv("gb2312", "utf-8",file_get_contents($url)); 
    //echo $getcontent;
    echo $contents;
    

    2.curl

    $url = "http://www.xxx.com/";
    $ch = curl_init();
    $timeout = 5;
    curl_setopt($ch, CURLOPT_URL, $url);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
    curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, $timeout);
    //在需要用户检测的网页里需要增加下面两行
    //curl_setopt($ch, CURLOPT_HTTPAUTH, CURLAUTH_ANY);
    //curl_setopt($ch, CURLOPT_USERPWD, US_NAME.":".US_PWD);
    $contents = curl_exec($ch);
    curl_close($ch);
    echo $contents;
    

    3.fopen->fread->fclose

    $handle = fopen ("http://www.xxx.com/", "rb");
    $contents = "";
    do {
       $data = fread($handle, 8192);
       if (strlen($data) == 0) {
       break;
       }
       $contents .= $data;
    } while(true);
    fclose ($handle);
    echo $contents;
    

    Ps
    1.使用file_get_contents和fopen必须空间开启allow_url_fopen。方法:编辑php.ini,设置allow_url_fopen = On,allow_url_fopen关闭时fopen和file_get_contents都不能打开远程文件。
    2.使用curl必须空间开启curl。方法:WIN下修改php.ini,将extension=php_curl.dll前面的分号去掉,而且需要拷贝ssleay32.dll和libeay32.dll到C:\WINDOWS\system32下;Linux下要安装curl扩展。

  • 计算PHP脚本运行时间

    / 分类: 开发 / No Comments

    <?php   
    function getmicrotime(){
        list($usec, $sec) = explode(" ",microtime());
        return ((float)$usec + (float)$sec);
    }
    
    //开始   
    $time_start = getmicrotime();
     
    //这里放你的代码
    
    //结束
    $time_end = getmicrotime(); 
    $time = $time_end - $time_start;
    
    echo "$time seconds"; //输出运行时间
    ?>