Web Component 生命周期演示 - 自定义元素钩子调用
创建一个自定义元素,展示 constructor、connectedCallback、attributeChangedCallback 等钩子的触发时机。
UD5工具箱
创建一个自定义元素,展示 constructor、connectedCallback、attributeChangedCallback 等钩子的触发时机。
显示人体骨骼图,拖拽骨骼名称到对应位置,检验解剖学知识。
生成不同尺寸和难度的迷宫,支持打印出来给儿童做练习。
从眉毛、眼睛、嘴巴等部件中拖拽组合,生成独一无二的日式颜文字表情,一键复制。
输入一串字母,从内置词典搜索所有可组成的有效英文单词,按长度排序。
以JSON或可视化方式编写分支剧情,生成可在浏览器游玩的文字冒险游戏。
随机给出一组Emoji,玩家用身体语言表演,其他人猜出对应成语或短语。
提供点阵并编号,玩家按序点击连线,显现简单图形。
输入文字描述或符号(如K, P),生成编织花样预览图,方便织女试读图解。
输入一个数字串,在已计算的圆周率小数位中查找首次出现位置。
构建二叉树节点,动态演示三种深度优先遍历顺序及逐层遍历。
将文本转换为上标、下标或小型大写字母样式的Unicode字符,用于社交昵称或数学注释。
输入ax^2+bx+c=0的系数,显示求解过程、判别式和根的性质。
构建或随机生成二叉树,逐步动画展示前序、中序、后序和层序遍历的路径。
在散点图上拖拽数据点,实时更新最小二乘回归线,显示斜率和截距。
输入一个单词,自动生成所有可能的变位词组合,并可选择验证是否为词典单词。
输入代码并自动去除无意义空格,统计有效字符数,用于Code Golf比赛。
交互式探索Julia集,实时调整复数参数c,支持平滑着色和鼠标缩放,感受分形之美。
设置字母与Emoji对应表,将文本转为Emoji序列发给朋友解码。
输入行与列的线索数字,自动求解逻辑绘图谜题并显示像素图。
展示常见纽结(三叶结、八字结等)的三维弯曲造型,用户可旋转观察交叉。
待办项拖入四象限,并设置每个的提醒时间,自动排序今日。
选择算法并随机生成数组,以彩色条动画展示排序过程,帮助理解算法。
纯前端二维码识别,支持摄像头实时扫描和图片上传解码。
在色带任意位置点击添加色标并拖拽,感受渐变设计。
上传图片,自动提取最突出的两个颜色,生成水平或垂直渐变CSS。
生成非矩形、由内向外发散的圆形迷宫,支持打印用于幼儿专注力训练。
粘贴Link rel=preload头字段,解析展示服务器计划推送的资源列表。
生成由不同大小、颜色和透明度的圆组成的抽象画作,可下载为壁纸。
发起请求获取当前URL或任意允许CORS的URL的Response Headers,展示详情。