zoukankan      html  css  js  c++  java
  • 前端工作常常会用到的一些经验技巧

    • 去除字符串所有空格
      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,专职前端开发。
    可以点此找到我
  • 相关阅读:
    cmanformat
    mysql-sql语言参考
    jQuery 判断多个 input checkbox 中至少有一个勾选
    Java实现 蓝桥杯 算法提高 计算行列式
    Java实现 蓝桥杯 数独游戏
    Java实现 蓝桥杯 数独游戏
    Java实现 蓝桥杯 数独游戏
    Java实现 蓝桥杯 算法提高 成绩排序2
    Java实现 蓝桥杯 算法提高 成绩排序2
    Java实现 蓝桥杯 算法提高 成绩排序2
  • 原文地址:https://www.cnblogs.com/wsun/p/3968503.html
Copyright © 2011-2022 走看看