• 前端工作常常会用到的一些经验技巧


    • 去除字符串所有空格
      var ss=" fsd fsdaf 23 "; 
      
      ss.replace(/[ ]/g,"");
    • 去除a标签点击后的虚线边框 
      $('a').focus(function(){this.blur()});
    • IE6/7下radio不能选中解决:添加name,可为空或其它值
      <input type="radio" name="" id="rainp" />
    • 最简单的把字符串转换成数值: -0(不能 +0) 
      var a = '123.45'; var b = a - 0;
    • div中设置文字竖直居中方法:
      • 单行文字居中使用line-height方法,将文本的line-height设为与容器的height相等 
        height:100px; 
        line-height:100px;
      • 多行文字居中使用display:table-cell再设置vertical-align进行居中对齐 
        display:table-cell; 
        vertical-align:middle
      • 使checkbox与文字水平对齐:对style加上
        vertical-align:middle

        如下:

        <input style="color: red; vertical-align: middle;" type="checkbox" /> <label style="vertical-align: middle;">我已阅读<label /> 
         
    • span设置宽度无效的三种解决方案
      • 一、修改span为block类型。在span的css中增加display属性,将span设置为block类型。效果是span完全变成了一个div
         span { 
                  background-color:#fc0; 
                  display:block; 
                  width:150px; 
               }
      • 二、在一的基础上再增加一个css属性float。基本满足日常需求,类似div加float
        span { 
                   background-color:#fc0; 
                   display:block; 
                   float:left; 
                   width:150px; 
            }
      • 三、(完美方法,直接贴代码,原理可深度学习css)
        span { 
                  background-color:#fc0; 
                 display:-moz-inline-box; 
                 display:inline-block; 
                 width:150px; 
             }
    • window.open打开新页面避免被浏览器拦截解决办法:
      用location.href的重定向功能,具体做法:
      var tmpwin = window.open('_blank');
      tmpwin.location = newurl ;

    -------------------------------------------------------------------------------关 于 我-----------------------------------------------------------------
    本人菜鸟一枚,平凡而普通,成为一名程序猿,为生活而努力,为理想而积累。
    爱好编程,喜欢钻研。
    目前供职TDX,专职前端开发。
    可以点此找到我
  • 相关阅读:
    win10 mysql5.7忘记密码如何解决
    win10 mysql5.7指定某个配置文件启动
    kubernetes配置(kubeconfig)对多集群的访问
    kubernetes中kubeconfig的用法
    rancher v2.2.4创建kubernetes集群出现[etcd] Failed to bring up Etcd Plane: [etcd] Etcd Cluster is not healthy
    kubernetes 强制删除istio-system空间,强制删除pod
    rancher2.0 自定义应用商店(catalog)
    docker-compose安装及docker-compose.yml详解
    细述kubernetes开发流程
    轻松了解DNS劫持
  • 原文地址:https://www.cnblogs.com/wsun/p/3968503.html
Copyright © 2020-2023  润新知