前端开发调试经验

超、凢脫俗 2022-06-18 06:51 200阅读 0赞

一、ajax请求注意写上console.log(data)，这里的data是指服务器返回的结果，同时浏览器开启捕获异常模式，这样一旦发生异常或错误，前端就可以不借助后端查看日志就可以轻松知道服务器端发生了什么错误。

二、前端为什么少用submit？因为若不小心忘记写了return false，会使页面有一个刷新，用户体验不好。------此条待验证

三、form标签必须放在配对的html标签外面，不然将导致无法提交。

四、十分小心用了frame的页面，各种动作记得需不需要'top'，用浏览器调试时也一样，不然，你将不能在父窗口里找到子页面的任何元素。

五、ajax利用H5的FormData提交表单，包含文件上传，写法如下：

var formData = new FormData(this\_form\[0\]);

$.ajax(\{  
                     url:"designer/save",  
                     type:"post",  
                     data:formData,  
                     processData:false,//required  
                     cache: false,  
                     contentType:false,//required  
                     success:function(data)\{  
                         
                     \},  
                     error:function(e)\{  
                         
                     \}  
                 \});

后端spring mvc 接收参数 @RequestParam('filename') MultipartFile xxxname即可。

六、js动态添加的元素将不会使用到原来的js/css等，切记。尤其是用$(function()\{  \}里预先绑定的事件将不会被绑定到动态添加的对象上去。

七、<textarea rows="3" cols="25" name="pi.pi\_message">  
</textarea>  
这样显示出来开头就会有很多空格，但是如果给<textarea>放在一行显示出来的数据开头就没有空格。如：  
<textarea rows="3" cols="25" name="pi.pi\_message"></textarea>

八、EL表达式里拼接字符串

$\{empty cate.parentFirstLangName ? "" : cate.parentFirstLangName.concat('\_')\}

see，"XXX.concat('\_')"