网站首页 > 技术文章 正文
一、方式1:Math.random() 和 Date.now()
(1)完整源码
// 直接使用(缺少时间戳)
const randomString = () => Math.random().toString(36).slice(2);
console.log(randomString()); // 4uz4qq4m3a
// 组合时间戳和随机函数使用,减少重复(随机字符串越长越不容易重复哈,也是可行的一个法子)
function generateUniqueId() {
const timestamp = Date.now();
const random = Math.random().toString(36).substr(2, 9); // 生成一个9位的随机字符串
return timestamp + '-' + random;
}?注意:这种方法简单但可能不够唯一,因为 Math.random() 的随机性有限,并且 Date.now()的精度是毫秒级,可能在极短时间内生成重复的ID。
(2)结果演示
二、方式2:cryto 模块(Node.js)
这种方法更加靠谱比原生的JavaScript (Math.random())。
const crypto = require('crypto');
function generateUUID() {
return crypto.randomBytes(16).toString('hex').match(/.{1,4}/g).join('-');
}
// 这会生成一个标准的UUID v4格式的字符串三、方式3:uuid 模块
① 前端安装 uuid 模块
npm install uuid
# 或者
yarn add uuid② JavaScript 引入 uuid
import { v4 as uuidv4 } from 'uuid';
const myUUID = uuidv4();
console.log(myUUID); // 输出一个版本4的UUID
猜你喜欢
- 2025-10-13 yt-dlp前端应用程序,网络视频和音频下载工具
- 2025-10-13 Hooks 不用自己写!rooks 的 100 个工具让开发快如闪电?
- 2025-10-13 Kombai:真正理解前端的AI工具_ko前端框架
- 2025-10-13 再见 Cursor,从0到1用上Claude Code后,惊呼这才是生产力工具|保姆级教程
- 2025-10-13 前端开发构建工具生态都有哪些_前端构建工具深度剖析
- 2025-10-13 我最喜欢的前端工具:开发者的现代 Web 开发宝库
- 2025-01-08 Web前端培训:3个主流的前端包管理工具
- 2025-01-08 一键部署 K8S 环境,10分钟玩转,这款开源神器实在太香了
- 2025-01-08 用上这 7 个 Python 工具,提升开发幸福感
- 2025-01-08 一篇文章介绍清楚前端可视化开发工具
欢迎 你 发表评论:
- 最近发表
-
- 哪里有好看实用的ppt模板下?优质ppt模板下载渠道
- 开发者必备:10款最佳JavaScript模板引擎
- 中文网址导航模版HaoWa1.3.1/模版网站wordpress导航主题
- 哪里有免费下载的简历模板?_哪里有免费简历可以下载
- 6 款超棒的响应式网站设计模板推荐
- 简约时尚作品博客商店网站HTML5模板源码
- 界面控件DevExpress WinForms v21.2:Data Grid - 全新的HTML模板
- 《nginx 实战:前端项目一键部署指南》
- QT软件开发真的适合做高端网站吗?用户体验设计公司的实战
- 【GitHub每日速递】前端组件库shadcn/ui与AI研究神器SurfSense
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端路由 (61)
- 前端数组 (73)
- 前端js面试题 (50)
- 前端定时器 (59)
- Oracle RAC (76)
- oracle恢复 (77)
- oracle 删除表 (52)
- oracle 用户名 (80)
- oracle 工具 (55)
- oracle 内存 (55)
- oracle 导出表 (62)
- oracle约束 (54)
- oracle 中文 (51)
- oracle链接 (54)
- oracle的函数 (58)
- oracle面试 (55)
- 前端调试 (52)

本文暂时没有评论,来添加一个吧(●'◡'●)