js——大小写转换（URI、base64）编解码定时器防抖节流

最新推荐文章于 2024-03-08 09:52:32 发布

肖ZE

最新推荐文章于 2024-03-08 09:52:32 发布

阅读量816

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/lucky541788/article/details/82082013

版权

本文介绍了JavaScript中大小写转换、URI和base64的编解码方法，以及定时器的使用。重点讨论了防抖和节流技术，包括它们的原理和不同实现方式，如函数防抖、闭包防抖、对象封装防抖以及时间戳和定时器实现的节流。这些技巧对于优化频繁触发的函数调用至关重要。

摘要由CSDN通过智能技术生成

大小写转换

.toUpperCase();//转换大写
.toLowerCase();//转换小写

URI编解码

encodeURIComponent（适合 URI）

URI编码（给服务器看的）

var text1="https://www.baidu.com/?tn=78000241_12_hao_pg中国";
console.log(encodeURIComponent(text1)); 
// https%3A%2F%2Fwww.baidu.com%2F%3Ftn%3D78000241_12_hao_pg%E4%B8%AD%E5%9B%BD

URI解码（给人看的，通过它可以获取一些网页内容）

var text2="https%3A%2F%2Fwww.baidu.com%2F%3Ftn%3D78000241_12_hao_pg%E4%B8%AD%E5%9B%BD";
console.log(decodeURIComponent(text2)); 
// https://www.baidu.com/?tn=78000241_12_hao_pg中国

encodeURI（适合转义传输）

编码

let str1='<div>#$%^&*?</div>'
console.log(encodeURI(str1));
// %3Cdiv%3E#$%25%5E&*?%3C/div%3E

解码

let str2='%3Cdiv%3E#$%25%5E&*?%3C/div%3E'
console.log(decodeURI(str2));
// <div>#$%^&*?</div>

base64编解码

let encode = "hello world!";
let decode = window.btoa(encode);
console.log(window.btoa(encode));// aGVsbG8gd29ybGQh
console.warn(window.atob(decode));// hello world!