前端套路

最新推荐文章于 2025-06-26 17:37:28 发布

原创最新推荐文章于 2025-06-26 17:37:28 发布 · 377 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端套路

前端套路专栏收录该内容

2 篇文章

订阅专栏

本文探讨了前端JavaScript代码中常见的错误处理难题，包括错误不提示导致后续代码无法执行的问题，以及通过alert()函数和故意引入错误代码进行错误定位的方法。同时分享了一个具体案例，分析了代码中错误定位的过程。

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

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

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

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

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

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

具体案例：

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

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

/* 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