JavaScript

编程・Web开发

在 SVG 中弯曲贝塞尔曲线:用两个滑块控制控制点的 JavaScript 入门指南

使用两个滑块操作 SVG 三次贝塞尔曲线。通过免费演示学习控制点、M/C 命令、直线化、预期结果以及故障排除。
编程・Web开发

使用 Marked 和 DOMPurify 实现 Markdown 实时预览:体验 HTML 的净化

使用 Marked 和 DOMPurify 输入 Markdown 时显示经过安全处理的 HTML 预览。通过虚拟数据学习操作、结果、原因排查以及在实际工作中的应用。
编程・Web开发

使用 D3.js 可视化动物人气投票:体验 SVG 与平方根比例尺

每次在 D3.js 中为动物投票时,圆圈的大小和票数都会随之改变。通过虚拟数据学习操作、结果、原因排查以及实际业务应用。
编程・Web开发

用 GSAP 制作的动态故事卡片:学习 Timeline 与减弱动画设置

使用 GSAP 依次为“构思”、“制作”和“发布”三张卡片添加动画。通过虚拟数据学习操作、结果、原因排查以及实际业务应用。
编程・Web开发

使用 QRCode.js 制作活动指南二维码:将包含的文字可视化

使用 QRCode.js 将虚拟活动名称转换为二维码。通过虚拟数据学习操作、结果、原因排查以及在实际业务中的应用。
编程・Web开发

使用 Tone.js 制作迷你作曲装置:通过点击学习音阶与节拍

使用 Tone.js 播放四音旋律并更改节拍。通过虚拟数据学习操作、结果、原因排查以及在实际工作中的应用。
编程・Web开发

使用 Fuse.js 进行抗拼写错误的图书搜索:比较精确搜索与模糊搜索

使用 Fuse.js 搜索图书标题,并查看相近候选结果的排序。通过虚拟数据学习操作、结果、原因排查以及实际业务应用。
编程・Web开发

操作 Chart.js 柱状图:展示金额、零值与总计的体验

在 Chart.js 中调整虚拟交通费以更新图表与总计。通过虚拟数据学习操作、结果、原因排查以及在实际业务中的应用。
编程・Web开发

用 Three.js 制作 3D 行星:在浏览器中体验球体、光照与旋转速度

通过滑块改变 Three.js 中球体的旋转速度。结合虚构数据学习操作、结果、原因排查以及实际业务应用。