web前端编码错误总结

1. 在对jsp页面的元素绑定onclick事件时若没有把该事件放在$(document).ready(function(){}里面则点击不会响应。
   解决办法：将该js文件的引用放在该jsp页面的最后面之前。
2. 写递归函数，修改了函数名之后里面的递归调用函数名没改，引发错误。
   解决办法：将递归调用写成arguments.callee();
3. 移动端返回顶部无效
   $('html,body').animate({scrollTop:'0px'},'fast');
   解决方法：找出要滚动的具体元素
   $('html,body,.panel').animate({scrollTop:'0px'},'fast');（有效）
4. 禁止返回上一页：
   解决方法：直接跳转下一页时使用：
   location.replace("/Questionaire/web/Qdisplay/thanks.html");
5. $(“”)中的类选择器少打了.号；
6. Javascript的事件机制，在写标签管理界面的时候，点击div增加树，结果点击树也增加了树，原因是增加的书写在了点击的div里面，所以也会触发事件。Jquery里还可以停止冒泡event.stopPorpagation()

7. jQuery绑定一个按钮click事件后，第一次点击后，一切正常，第二次点击里面的事件执行两次，之后依次累加。jquery click 不是 替换原有的function 而是接着添加
   解决方法：
   $('#btn').unbind('click');
$('#btn').bind('click', function(){ alert('仅提示一次！');});

8. Vue.js和PuerMockServer用着用着莫名奇妙获取不到数据，给PuerMockServer换个端口就好了。

9. 页面滚动条出现时跳动，解决方案 滚动条跳动解决方案

10. 目前遇到过的http错误码：404找不到资源。500服务器错误，504服务器、代理响应超时，415发送请求的格式与服务器端需求的不匹配。400 请求出错 由于语法格式有误，服务器无法理解此请求。不作修改，客户程序就无法重复此请求。

11. 给元素增加子节点提示
    Uncaught TypeError: Cannot read property 'appendChild' of null ？
    这个一般是你获取的节点不存在引起的。
    可能出现这种情况的原因：你获取这节点时，节点还没加载，例如：你的JS写在head里面，取body里面的某一节点，这时候是取不到的。这种情况的解决方法：把JS代码放到后面。
12. firefox下模拟a链接的click()事件页面没反应

// 动态创建a节点然后模拟鼠标的click事件,在firefox下无效
download (filename: string, text: string) {
    var pom = document.createElement('a')
    const url = URL.createObjectURL(filename)
    pom.href = url
    pom.click()

  }

// 解决方案
    // 关键点
    pom.addEventListener('click', function () {
      document.location = this.getAttribute('href')
    })
    pom.click()