• 值得记录的(二)


    命名问题

    使用 history.back(-1) 方法进行跳转回到上一级页面的时候,控制台不停报错 history.back is not a funtion 。直接输入 history 发现 window 下的 history 被覆盖了。导致错误的原因是之前写 localStorage 历史搜索方法的时候用了 history 这个名称导致把全局 window 下 history 覆盖。修复方法为更换 localStorage 历史搜索方法中的函数名,让其不适用全局的 API 名。

    防止多次快速点击触发效果

    var isRun = true
    $(node).click(function() {
      if(isRun){
        // do somethings ...
        isRun = false;
      }
      setTimeout(function(){
        isRun = true;
      },2000)
    })
    

    indexOf

    使用 indexOf 方法搭配 navigator.userAgent 来进行浏览器特性检测

    navigator.userAgent
    // Chrome 和 FireFox 内核
    isUseChrome = navigator.userAgent.indexOf("Chrome")
    isUseFirefox = navigator.userAgent.indexOf("Firefox")
    if(!((isUseChrome > -1) || (isUseFirefox > -1))) {
      alert('你所使用的浏览器浏览效果不佳,请使用 Chrome 或 FireFox 浏览器。')
    }
    

    浏览器相关

    遇到 360 等拥有 IE 内核兼容模式的浏览器的时候,加上该 meta 标签,让起默认进入极速模式(自动 Chrome 内核)。

    <meta name="renderer" content="webkit">
    

    事件解绑

    在维护和修改该 jQuery 项目的时候,发现之前很多方法并不是只在全局写了一次,然后再到多个页面上调用。许多方法被错误的写到个很多个页面之中,比如一些事件。这样就导致了相当于事件被绑定了多次。使用将错就错的方法将每一次事件绑定之前用 unbind 进行解绑。

    $("#button").unbind("click")
    $("#button").bind("click", function () {
      // do somethings ... 
    })
  • 相关阅读:
    014.Nginx跨域配置
    013.Nginx动静分离
    附002.Nginx代理相关模块解析
    附001.Nginx location语法规则
    016.Nginx HTTPS
    015.Nginx重定向
    Blazor带我重玩前端(四)
    数据结构中的树(二叉树、二叉搜索树、AVL树)
    Flask前后端分离项目案例
    LeetCode-位运算相关题解
  • 原文地址:https://www.cnblogs.com/evenyao/p/9938421.html
Copyright © 2020-2023  润新知