OAuth2 协议流模拟器 - 授权码与隐式流可视化
逐步演示OAuth2授权码、隐式及密码模式交互流程,帮助理解重定向、Token交换与刷新机制。
UD5工具箱
逐步演示OAuth2授权码、隐式及密码模式交互流程,帮助理解重定向、Token交换与刷新机制。
模拟接收包含一次性密码的短信,展示 navigator.credentials.get({otp}) 如何自动提取 OTP 并填入表单。
根据IBAN规则验证国际银行账号的格式正确性和校验码,支持60+国家,纯前端校验安全。
调用设备联系人选择界面,获取用户选中的联系人信息(需支持环境)。
输入 IBAN 校验其有效性,或选择国家和银行代码生成符合格式的 IBAN 用于测试。
输入MAC地址,提取OUI前缀并匹配内置IEEE注册表,识别设备网卡制造商。
输入Base32密钥手动生成6位动态验证码,兼容Google Authenticator,前端算法实现不联网。
选择表A和表B的样本数据,查看INNER/LEFT/RIGHT/FULL JOIN的韦恩图与实际输出结果。
粘贴 assetlinks.json 内容,检查是否符合 TWA 打包要求,帮助将 PWA 上架应用商店。
输入员工基本信息与薪资,生成标准格式的在职收入证明,适用于贷款、签证等场景。
通过交互式问答,生成一个详细且搞笑的未完成作业的借口链条。
填写姓名、电话、邮箱等信息,生成符合 vCard 标准的二维码,扫码即可保存联系人。
选择文件夹并上传,保留相对路径,以树形结构展示所有文件并读取内容。
选择一个 Emoji,生成 16x16 和 32x32 的 .ico 及 PNG 文件,快速用作网站图标。
选择肤质与目标,生成早间晚间护肤步骤,并记录完成情况。
在线Unix时间戳与标准日期时间互转,支持秒/毫秒级时间戳,显示GMT和本地时间。
通过滑块和开关调整 Flex 容器和子项的所有 CSS 属性,实时观察布局变化,理解弹性盒子。
在页面上叠加可拖拽的半透明网格线,辅助网格布局对齐。
拖动滑块切分圆形披萨,显示分数值与等价小数,直观学习分数概念。
在5x5矩阵上放置风险点,根据影响与概率自动分级,生成风险登记册,辅助项目风控。
提供多组在各色盲类型下仍可区分的定性、连续配色方案,辅助图表设计。
拖拽滑块改变CIDR后缀,直观显示划分出的子网范围、主机数和广播地址。
用准星或天平模型直观对比两个分数的大小,帮助建立数感。
加载简单序列,以钢琴帘形式横向滚动显示音符,同时音频播放。
输入进程列表,同时对比先来先服务、短作业优先和轮转调度算法的甘特图和平均等待时间。
输入起始数字,绘制其冰雹序列的折线图,展示最终回归1的过程。
用等分矩形的重叠区域演示分数乘分数的意义,直观展示几分之几。
自定义两到三个圆的标签和区域数值,绘制用于展示集合关系的韦恩图。
通过添加分支和概率值,自动绘制概率树形图并计算各结果的概率。
选择一个基音,显示其前16个泛音的音高、频率和音分偏差,理解自然泛音列。