前端开发注意细节总结

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;
　　　　}