博主：DongJiang

码龄：7年

等级：LV.22级

内容：316

今日访问：2312

访问总量：5935

博客简介：学习与分享

博客创建时间：2018-04-12

博客主页立即前往

赞助位

成为赞助商

开发笔记

pointer-events: none 是点击dom元素事件触发产生无效状态

标签：

pointer-events: none; 是看得到却摸不着，点击不到，点击会穿透触发到下层元素的css属性。

<div style="pointer-events: none;"></div>

分类：

东江哥 2023-06-25

网页图片不存在时的以下两种处理方法

标签：

图片不存在会触发onerror事件，我们通过触发该事件后进行以下方式处理。

1、把图片元素隐藏

<img src="图片地址" onerror="this.style.display='none'" />

2、替换成默认图片

<img src="图片地址" onerror="this.src='默认图片的地址'" />

分类：

秋林 2023-06-29

dom创建与dom操作

标签：dom

创建：新的标签(元素节点) = document.createElement("标签名")

删除：父节点.removeChild(子节点);

插入：insertBefore(新插入的节点，参照物节点) 往某个节点的前面插入一个新的节点

追加：appendChild(新的节点的名) 当前对象追加一个子节点

分类：

胡学长 2023-07-01

CSS十六进制颜色值设置透明度

标签：

把颜色值转换床RGB模式

const colorHex2Rgb = (color: any) => {
  var reg = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/;
  var sColor = color.toLowerCase();

  if(sColor && reg.test(sColor)){
      if(sColor.length === 4){
          var sColorNew = "#";
          
          for(var i=1; i<4; i+=1){
              sColorNew += sColor.slice(i,i+1).concat(sColor.slice(i,i+1));    
          }
          
          sColor = sColorNew;
      }
      
      var sColorChange = [];
      
      for(var i=1; i<7; i+=2){
          sColorChange.push(parseInt("0x"+sColor.slice(i,i+2)));    
      }
      
      return "RGB(" + sColorChange.join(",") + ")";
  }else{
      return sColor;    
  }
};

将RGB模式转换成十六进制

const colorRgb2Hex = (color: any) => {
  var reg = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/;
  var that = color;
  
  if(/^(rgb|RGB)/.test(that)){
      var aColor = that.replace(/(?:\(|\)|rgb|RGB)*/g,"").split(",");
      var strHex = "#";
      
      for(var i=0; i<aColor.length; i++){
          var hex = Number(aColor[i]).toString(16);
      
          if(hex === "0"){
              hex += hex;    
          }
          
          strHex += hex;
      }
      
      if(strHex.length !== 7){
          strHex = that;    
      }
      
      return strHex.toUpperCase();
  }else if(reg.test(that)){
      var aNum = that.replace(/#/,"").split("");
      
      if(aNum.length === 6){
          return that;    
      }else if(aNum.length === 3){
          var numHex = "#";
      
          for(var i=0; i<aNum.length; i+=1){
              numHex += (aNum[i]+aNum[i]);
          }
          
          return numHex.toUpperCase();
      }
  }else{
      return that.toUpperCase();    
  }
};