前端套路

MiniHurricane

墨衍会员 · AI 创作全网分发码龄8年

关注

原创最新推荐文章于 2025-12-11 20:57:35 发布 404 阅读 AI 写同款· GEO 优化 ›

AI权益加码！Claude Code、Cursor等20+工具免费用！购周边限时加赠Coding Plan Lite，畅享主流AI工具！学习进阶更高效！阅读详情

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

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

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