scroll-padding/margin 演示 - 锚点定位偏移控制
设置粘性头部高度后,演示 scroll-padding-top 如何防止锚点定位被遮挡。
UD5工具箱
设置粘性头部高度后,演示 scroll-padding-top 如何防止锚点定位被遮挡。
在指定区域内练习双指捏合、旋转、滑动等手势,并显示识别到的手势类型和参数。
在后台 Worker 中计算大范围内的质数,主线程实时绘制进度条,展示多线程优势。
模拟通过第三方身份提供商(如 Google)登录网站的完整 OAuth 2.0 授权码流程。
使用 AmbientLightSensor API 监听光照强度变化,记录日志并绘制时间-照度图。
在一个标签页修改 localStorage,同源的其他标签页监听 storage 事件并显示变化。
使用 Web NFC 读取附近标签的 NDEF 消息,展示每条记录的类型和内容。
演示如何动态更新 datalist 选项以实现搜索建议,并处理键盘选择。
在多个浏览器标签页间通过Web Locks API协调共享资源的访问,展示锁机制。
输入Markdown风格要点列表,全屏展示时逐步放大当前项,类似非线性的展示。
利用AbsoluteOrientationSensor绘制一个匹配设备真实朝向的三维指南针。
枚举连接的显示器,并在特定的屏幕上打开新窗口,体验现代多显示器Web应用。
使用双栏Markdown编写大纲,左侧编辑右侧全屏预览演示,支持键盘导航和PDF导出。
显示加速度计包含重力在内的三维向量,模拟小球在重力方向滚动,展示设备倾斜姿态。