js: UrlDecode解码、UUID和GUID、阿拉伯数字转为中文数字

UrlDecode解码:

UrlDecode 是一个 JavaScript 函数,用于将经过 URL 编码的字符串转换为普通字符串。

URL 编码是将特殊字符转换为它们的百分比编码表示形式的过程。这些特殊字符包括空格、斜线、井号(#)等。UrlDecode 函数将这些百分比编码转换回相应的特殊字符。

UrlDecode 函数接受一个参数,即需要解码的字符串。它返回解码后的字符串。

JavaScript 自带的解码函数: decodeURIComponent ('url')

// JavaScript 自带的解码函数: decodeURIComponent
console.log(decodeURIComponent(`https://open.weixin.qq.com/connect/oauth2/authorize?id=123&redirect_uri=https%3a%2f%2fmy.test.cn%2fxui%3fAppKey%3daka`));// 自己实现一个解码函数
function UrlDecode(zipStr) { var uzipStr=""; for(var i=0;i<zipStr.length;i++){ var chr = zipStr.charAt(i); if(chr == "+"){ uzipStr+=" "; }else if(chr=="%"){ var asc = zipStr.substring(i+1,i+3); if(parseInt("0x"+asc)>0x7f){ uzipStr+=decodeURI("%"+asc.toString()+zipStr.substring(i+3,i+9).toString()); i+=8; }else{ uzipStr+=AsciiToString(parseInt("0x"+asc)); i+=2; } }else{ uzipStr+= chr; } } return uzipStr; 
}
function AsciiToString(asccode) { return String.fromCharCode(asccode); 
}
// 测试 解码
console.log(UrlDecode(`https://open.weixin.qq.com/connect/oauth2/authorize?id=123&redirect_uri=https%3a%2f%2fmy.test.cn%2fxui%3fAppKey%3daka`));

打印出解码后的url:

用js写函数生成UUID 和 GUID:

function guid() {function S8() {return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);}return (S8() + S8() + "-" + S8() + "-" + S8() + "-" + S8() + "-" + S8() + S8() + S8());
}console.log(guid())function uuid() {var s = [];var hexDigits = "0123456789abcdef";for (var i = 0; i < 36; i++) {s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);}s[14] = "4"; // bits 12-15 of the time_hi_and_version field to 0010s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); // bits 6-7 of the clock_seq_hi_and_reserved to 01s[8] = s[13] = s[18] = s[23] = "-";var uuid = s.join("");return uuid;
}console.log(uuid())

阿拉伯数字转换为中文数字:

function numberToChinese(num) { const chineseNumber = [ "零", "一", "二", "三", "四", "五", "六", "七", "八", "九" ];const chineseUnit = ["", "十", "百", "千", "万", "亿"]; let result = ""; let unitIndex = 0; // 处理特殊情况:零 if (num === 0) { return chineseNumber[num]; } 
// 处理负数 if (num < 0) { result += "负"; num = Math.abs(num); } 
// 转换为字符串,便于逐位处理 const numString = num.toString(); 
for (let i = numString.length - 1; i >= 0; i--) { const digit = parseInt(numString[i]);
let digitResult = "";if (digit > 0) { digitResult += chineseNumber[digit]; digitResult += chineseUnit[unitIndex]; 
}result = digitResult + result; unitIndex++; }return result; 
} 
console.log(numberToChinese(12345)); // 输出 "一万二千三百四十五"
console.log(numberToChinese(7890)); // 输出 "七千八百九十"
console.log(numberToChinese(11)); // 输出 "十一"
console.log(numberToChinese(0)); // 输出 "零" 
console.log(numberToChinese(-123)); // 输出 "负一百二十三"

欢迎关注我的原创文章:小伙伴们!我是一名热衷于前端开发的作者,致力于分享我的知识和经验,帮助其他学习前端的小伙伴们。在我的文章中,你将会找到大量关于前端开发的精彩内容。

学习前端技术是现代互联网时代中非常重要的一项技能。无论你是想成为一名专业的前端工程师,还是仅仅对前端开发感兴趣,我的文章将能为你提供宝贵的指导和知识。

在我的文章中,你将会学到如何使用HTML、CSS和JavaScript创建精美的网页。我将深入讲解每个语言的基础知识,并提供一些实用技巧和最佳实践。无论你是初学者还是有一定经验的开发者,我的文章都能够满足你的学习需求。

此外,我还会分享一些关于前端开发的最新动态和行业趋势。互联网技术在不断发展,新的框架和工具层出不穷。通过我的文章,你将会了解到最新的前端技术趋势,并了解如何应对这些变化。

我深知学习前端不易,因此我将尽力以简洁明了的方式解释复杂的概念,并提供一些易于理解的实例和案例。我希望我的文章能够帮助你更快地理解前端开发,并提升你的技能。

如果你想了解更多关于前端开发的内容,不妨关注我的原创文章。我会不定期更新,为你带来最新的前端技术和知识。感谢你的关注和支持,我们一起探讨交流技术共同进步,期待与你一同探索前端开发的奇妙世界!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/825262.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Python中的多线程 pool.map的学习

代码地址https://github.com/Pointcept/Pointcept/blob/main/pointcept/datasets/preprocessing/s3dis/preprocess_s3dis.py 数据处理中使用ProcessPoolExecutor进行多线程处理 1、import from concurrent.futures import ProcessPoolExecutor2、创建ProcessPoolExecutor对象…

JWT技术选型以及相关功能的实现

一.技术选型 1.为什么不用SessionCookie&#xff0c;而要用Token? 【1】无状态 什么是无状态服务 无状态服务是指在处理请求时不存储任何会话信息或状态信息的服务。这意味着每个请求都是独立且相互独立的&#xff0c;服务不会在请求之间保留任何状态。 Session-Cookie方…

面试stm32基础知识

1.ISP 第一步进入bootloader模式&#xff1a;先置BOOT0为高&#xff0c;BOOT1为低&#xff0c;再复位单片机进入bootloader模式&#xff0c;之后通过上位机下载程序&#xff1b; 第二步配置启动代码的地方&#xff1a;代码下载完毕后&#xff0c;置BOOT0为低&#xff0c;BOOT1…

lambda捕获列表

lambda是C11新特性之一&#xff0c;优点是&#xff1a; 1.可以直接匿名定义目标函数或函数对象&#xff0c;不需要额外写一个函数 2.lambda是一个匿名的内联函数 捕获列表 总结&#xff1a;【】为值捕获&#xff0c;只读 【&】为引用捕获&#xff0c;可读可写

Day104:漏洞发现-漏扫项目篇武装BURP浏览器插件信息收集分析辅助遥遥领先

目录 插件类-武装BurpSuite-漏洞检测&分析辅助 1、如何加载插件&#xff1a; 2、漏洞检测类&#xff1a; Fiora TsojanScan RouteVulScan APIKit 3、分析辅助类&#xff1a; 插件类-武装谷歌浏览器-信息收集&情报辅助 HackBar Heimdallr Wappalyzer FindS…

每日一题:买卖股票的最佳时机IV

给你一个整数数组 prices 和一个整数 k &#xff0c;其中 prices[i] 是某支给定的股票在第 i 天的价格。 设计一个算法来计算你所能获取的最大利润。你最多可以完成 k 笔交易。也就是说&#xff0c;你最多可以买 k 次&#xff0c;卖 k 次。 注意&#xff1a;你不能同时参与多…

HTML合集

前言&#xff1a; 之前所有HTNL的文章都是单独写出&#xff0c;本篇文章&#xff0c;将他们作为集合的形式进行整理。 链接&#xff08;点击查看&#xff09;&#xff1a; HTML简介 网页的基本结构 HTML基础语法 HTML元素之间的关系 HTML的常用标签 HTML常用标签的补充 …

Linux进阶篇:性能监控工具:socket 统计信息

Linux性能监控工具&#xff1a;socket 统计信息 1 ss命令介绍 ss 是 Socket Statistics 的缩写。ss 命令可以用来获取 socket 统计信息&#xff0c;它显示的内容和 netstat 类似。但 ss 的优势在于它能够显示更多更详细的有关 TCP 和连接状态的信息&#xff0c;而且比 netsta…

ArtCoder——通过风格转换生成多元化艺术风格二维码

简介 ArtCoder能够从原始图像&#xff08;内容&#xff09;、目标图像&#xff08;风格&#xff09;以及想要嵌入的信息中&#xff0c;生成具有艺术风格的二维码。这一过程类似于通常的图像风格转换&#xff0c;但特别针对二维码的特点进行了优化和调整。 通过这种方法&#…

轮转数组(力扣)

189. 轮转数组 - 力扣&#xff08;LeetCode&#xff09; 189. 轮转数组 题解 给定一个整数数组 nums&#xff0c;将数组中的元素向右轮转 k 个位置&#xff0c;其中 k 是非负数。 样例输入 示例 1: 输入: nums [1,2,3,4,5,6,7], k 3 输出: [5,6,7,1,2,3,4] 解释: 向右轮…

图像生成模型浅析(Stable Diffusion、DALL-E、Imagen)

目录 前言1. 速览图像生成模型1.1 VAE1.2 Flow-based Model1.3 Diffusion Model1.4 GAN1.5 对比速览 2. Diffusion Model3. Stable Diffusion3.1 Text Encoder3.2 Decoder3.3 Generation Model 总结参考 前言 简单学习下图像生成模型的相关知识&#x1f917; 以下内容来自于李宏…

Spring框架中的11种设计模式(设计模式之美)

适配器模式 例如Controller的三种实现方式&#xff1a; Controller注解实现Controller接口 xml配置文件:配置DemoController与URL的对应关系实现Servlet接口 xml配置文件:配置DemoController类与URL的对应关系 不同的Controller如何调用呢&#xff1f;可以通过适配器模式。…

链表传一级指针以及leetcode做题有感

上个文章说要传二级指针&#xff0c;经过一段时间的学习之后才知道可以传一级指针&#xff1a; 之所以要传二级指针&#xff0c;是要改变一级指针的值&#xff0c;也就是把头节点的指针改变&#xff0c;如图&#xff1a; 从左边到右边&#xff0c;头指针 一级指针plist 的值发…

JS stacktrace 堆内存耗尽

javascript 堆内存耗尽 问题 是 npm run dev 的时候 报错 如下 <--- JS stacktrace --->FATAL ERROR: MarkCompactCollector: young object promotion failed Allocation failed - JavaScript heap out of memory在大多数情况下&#xff0c;默认情况下 Node.js 的堆内存…

【Cocoapods】最新安装指定版本Cocoapods记录

安装ruby https://blog.csdn.net/mydo/article/details/126918391 # 指定版本安装 sudo gem install -n /usr/local/bin cocoapods -v 1.9.3 接下来一定要注意&#xff01;注意&#xff01;注意&#xff01; 如果你的 Mac系统是 10.11 之前&#xff0c;输入&#xff1a; sud…

深入理解Transformer技术原理 | 得物技术

谷歌在2017年发布Transformer架构的论文时&#xff0c;论文的标题是&#xff1a;Attention Is All You Need。重点说明了这个架构是基于注意力机制的。 一、什么是注意力机制 在深入了解Transformer的架构原理之前&#xff0c;我们首先要了解下&#xff0c;什么是注意力机制。…

vulfocus靶场redis 未授权访问漏洞之CNVD-2015-07557

目标系统的权限不够redis用户无法写计划任务和公钥&#xff0c;而且也没有开放ssh端口。 主从复制getshell&#xff0c;写入恶意的so文件达到执行系统命令的目的。 github上有一键可以利用的脚本 https://github.com/n0b0dyCN/redis-rogue-server.git 利用条件&#xff1a;需…

二维数组在内存中的行存储和列存储

目录 例题&#xff1a; 0. BaseAddress 1. 行存储方式&#xff08;Row-major order&#xff09; 2. 列存储方式&#xff08;Column-major order&#xff09; 3. 解方程找到 i 和 j 行存储和列存储方式的区别 行存储方式&#xff08;Row-major order&#xff09;: 列存储…

逆向案例二十八——红某点集登录接口逆向序

网址&#xff1a;aHR0cHM6Ly93d3cuaHJkanl1bi5jb20vIy9sb2dpbj9yZWRpcmVjdD0lMkZyZWFsVGltZUxpdmluZw 登录接口&#xff0c;发现两个参数加密&#xff0c;分别是pwd和sig,t很明显是时间戳。 观察pwd,发现很像md5加密&#xff0c;我输入的密码是123456&#xff0c;在在线加密网…

Oracle SQL - HAVING和分析函数的执行顺序

分析函数是基于最终的结果集进行开窗的&#xff0c;所以HAVING比分析函数先执行 ↓ 没有HAVING时&#xff0c;MAX(col3) over()是A2 SQL> WITH subq_a AS2 (SELECT A col1, A1 col2, 10 col33 FROM dual4 UNION ALL5 SELECT A col1, A1 col2, -5 col36 F…