前端开发注意细节总结

1、搜索时，文本框的内容一般去掉前后空格

　　（1）引用jquery时直接用$.trim() 方法即可

　　（2）无jquery库时要用正则判断

　　　　 function trim(str){ //删除左右两端的空格
　　     　　return str.replace(/(^\s*)|(\s*$)/g, "");
　　 　　}
　　 　　function ltrim(str){ //删除左边的空格
　　     　　return str.replace(/(^\s*)/g,"");
　　 　　}
　　 　　function rtrim(str){ //删除右边的空格
　　    　　 return str.replace(/(\s*$)/g,"");
　　 　　}

　　详细链接：http://blog.sina.com.cn/s/blog_4934a04a0100kmqr.html

2、文件上传时文件类型

　　（1）input type=“file”  加accept属性，上传只看到相应文件类型；W3C上建议在服务器上限制

　　（2）　　var t1 = "";
   　　　　　　 if(_this.value.indexOf("\\")>=0){ //_this为文件上传input节点,意思包含\\
       　　　　　　 　　t1 = _this.value.lastIndexOf("\\");//t1等于最后一个\\出现的位置
    　　　　　　} else {
       　　　　　　　　 t1 = _this.value.lastIndexOf("/");//t1等于最后一个/出现的位置
    　　　　　　}
    
    　　　　var varrealfile = _this.value.substring(t1+1);//varrealfile 为最后一个\\或/之后的字符串
    　　　　var varrealfiletype = (varrealfile.substring(varrealfile.lastIndexOf(".") + 1,varrealfile.length)).toLowerCase();  //取出文件后缀如果有大写将全部转换为小写

    　　　　if(!(varrealfiletype == "jpg"|| varrealfiletype==‘jpeg‘ || varrealfiletype ==‘png‘|| varrealfiletype ==‘gif‘)){ 
       　　　　　　 return false;
    　　　　}

前端开发注意细节总结

原文：http://www.cnblogs.com/nana-share/p/5276086.html