网页里放声音，听着就是一句 audio 标签的事，真做起来坑不少：同一种格式不同浏览器支持的编码不一样，移动端还会限制自动播放，想做音效、做音乐播放器、做音频波形展示就更麻烦。这次整理了 ...

只要页面里出现过小球下落、方块堆叠、物体碰撞，背后基本都站着一套物理引擎。纯靠 CSS 动画和手写坐标去模拟这些东西，一开始看不出问题，数量一多就全乱套，穿透、抖动、叠不稳全冒出来。这...

做前后端分离开发，最容易卡住的地方就是接口还没好，页面没法往下写。列表里没数据，看不出排版对不对；分页、空状态、加载失败这些分支，也只能等真数据来了才能测。造数据这件事，手写几个数...

做多语言不是把文案翻译一遍那么简单。同一个词在中文里不分单复数，到了英文要分两种形式，遇到阿拉伯语要分六种；日期、货币、数字的写法每个地区都不一样；用户打开页面该显示哪种语言要自动...

网页里的截图比想象中难。浏览器画出来的东西是拿不到原始像素的，想把某个区域变成一张图片，得把节点复制一份，把页面上生效的样式一条条算出来贴成内联样式，再把外链图片转成 base64 嵌进去...

做管理系统、在线教育或者资料站的人，基本都会碰到同一个需求：用户上传了 Word、Excel 或者 PDF，希望直接在网页里就能看，不用下载到本地再打开。这件事听着简单，做起来全是硬骨头。Word 的...

网页里有很多原生接口能实现、但用起来特别别扭的小功能。复制一段文字到剪贴板、把页面切成全屏、判断当前是不是全屏状态，看起来都是一行代码的事，真动手就发现全是坑。不同浏览器对剪贴板接...

一个网站或应用有了内容之后，搜索几乎是最常用的功能之一。文档站要按关键词找章节，后台要按名称找记录，笔记应用要全文检索，商品库要按标题找货。把这件事全交给后端做，用户每敲一个字都要...

网页里做快捷键没有想象中简单。要判断用户按的是什么键，得处理 keyCode、ctrlKey、metaKey 这些组合；想只让某个区域响应按键，还要管焦点；想区分 Mac 的 Command 和 Windows 的 Ctrl，又得...

上传头像要裁成方形，商品主图要统一成一样比例，发笔记前要裁掉多余的背景，运营做封面还得调亮度加滤镜。这些图片处理需求在网页里从零写并不轻松，要考虑拖拽、缩放、按比例锁定、旋转、导出...