前端套路

总结一下我遇到的前端套路，以后再遇到新的套路再更新

.有些前端套路不明白，需要钻研一下

1.前端代码（js代码），有错误的话，就不会往下执行，而前端又不报错

明明逻辑没问题啊，就是不显示我想要的效果

前端代码出错误，结果前端没有错误提示，然后错误的地方以后的代码都不执行 <这是js里的函数出了错误，没有错误提示>

在js代码中 定位错误，可以用 alert(); 展示信息，确定代码运行到哪一行；也可以故意用错误代码，来定位错误

   具体案例：

       以下是正确代码，其中错误代码已注释，并说明！

         <%
          String path = request.getContextPath();
          String webContent = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
           request.setAttribute("webContent", webContent);
         %>

          <script type="text/javascript">
           function registerFunction() {
            var userName = $("#userName").val();    //$("#userName") -->之所以要用#userName ，为了获取到id为username的标签？
            var password = $("#password").val();

            /* var webContent=${webContent};
            alert("项目路径："+webContent); 

           --> 该注释代码无法运行成功，其后面的代码就没有显示出效果了，把该代码注释了就没问题了，暂时没有找到原因，怀疑是alert()函数用得不对，有空再琢磨琢磨 */

            alert("username:"+userName+"password:"+password);

         /*user/register：后端的register并不是form表格的action，故后端的register不用method = RequestMethod.POST */

            $.post("${webContent}user/register?userName=" + userName
                    + "&password=" + password,
                function(msg) {
                if (msg == 'success') {
                    location.href = "${webContent}page/login.jsp";    //注册成功后，要自己再登录一遍，就跳转到登录页面
                } else {
                    alert(msg);
                }
            });
        }
    </script>

附：JavaScript中的alert() 函数使用技巧详解

https://www.jb51.net/article/59119.htm

2.如何处理js报错

引用别人的资源：https://www.jianshu.com/p/a21688e015b6