日度归档:2020年2月20日

javascript js如何实现中文和unicode的互相转换呢?


摘要:
下文讲述js脚本转换中文和unicode的方法分享,如下所示:

实现思路:
使用charcodeat对字符进行转换

例:


<script>

//maomao365.com 中文和unicode之间转换方法
 function encode(string) {
    let result = []
    for(let i = 0; i < string.length; i++) {
        result[i] = ("00" + string.charCodeAt(i).toString(16)).slice(-4);
    }
    return "\\u" + result.join("\\u")
}

function decode(string) {
    return unescape(string)
}


//测试中文和unicode转换
document.write( encode('猫猫小屋') );
document.write("<br />");
document.write( decode('\u732b\u732b\u5c0f\u5c4b ') );
 
</script>

javascript 中文和unicode之间相互转换

javascript 中文和unicode之间相互转换

用css给一个元素加边框有哪些方法?


摘要:
下文讲述使用css脚本为元素添加边框的方法分享,如下所示:

例:
下文讲述五种设置元素边框的方法,如下所示:

   <!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8"> 
  <title>猫猫教程(www.maomao365.com)---设置边框的5种方式分享
  </title>
<style>
div{width:100px;height:100px;}

.a{border: 3px solid black;  }
.b{box-shadow: 0 0 0 1px black; /*不影响布局,无限叠加*/ }
.c{ outline: 1px solid black; /*不支持圆角*/  }
.d{   background-image:*****  
   background-clip: content-box; /*形成透明边框*/
  padding: 1px; }
.e{ border-image: linear-gradient(red, black) 1;
    border: 1px solid;
   }
  </style>
  
 </head>
 <body>
  
 <div class="a">1</div>
 <br />
<div class="b">2</div>
 <br />
 <div class="c">3</div>
 <br />
 <div class="d">4</div>
 <br />
 <div class="e">5</div>
 <br /> 
 
 </body>
</html>