首页 > 代码库 > 前端工作常常会用到的一些经验技巧

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

2024-07-22 06:32:05   217人阅读

  • 去除字符串所有空格
    var ss=" fsd fsdaf 23 "; ss.replace(/[ ]/g,"");
  • 去除a标签点击后的虚线边框 
    $(‘a‘).focus(function(){this.blur()});
  • 最简单的把字符串转换成数值: -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;      }
  • 未完...

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


联系
我们