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

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

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

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

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

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

网页里要做写代码这件事并不少见，在线代码演示、低代码平台的公式框、后台的模板编辑、教程网站的示例区，甚至帮用户写正则的小工具，都需要一个像样的编辑器。用普通 textarea 体验很差，没有...

网页上要画图、做图形编辑器、在线白板、海报生成器，直接用浏览器原生的 Canvas 接口写会非常吃力。坐标、图层、缩放、拖拽、导出全都要自己管，做一个能用的编辑器动辄就是几千行代码，中间还...

网页里经常要把数据存在用户本地，登录凭证、编辑草稿、界面设置、离线缓存的内容，都离不开本地存储。浏览器自带的 localStorage 只能存字符串、容量有限，还是同步接口，数据一多会卡页面；In...

上传功能看着简单，真要做好并不容易：文件拖进来就自动传、上传过程要有进度条、大文件要能切片断点续传、多文件要排队处理、传之前还要校验类型和大小，这些细节自己从零写相当费工夫。用成熟...