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

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

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

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

后台拿到一批数据，要渲染成列表、表格、卡片，如果直接在代码里用字符串拼 HTML，短一点还行，稍微复杂一点就又长又乱，改一个地方要翻半天。模板引擎解决的就是这件事，先把页面结构写成模板...

做长图文、商品列表、相册这类图片密集的页面，最怕的就是首屏打开慢。图片没加载完页面一直转圈，用户等上两秒多半就划走了。懒加载的思路是让图片先不加载，滚动到附近再加载，首屏速度立刻上...

前端也会碰到需要做加解密和摘要的地方：接口参数要签名、本地敏感数据要加密存储、文件要算校验值、短链接要生成唯一标识。这些计算其实都能在浏览器里直接完成，不必什么都推给后端。自己拼算...

产品文档里要放业务流程、技术文档里要放架构图、后台系统里要放节点连线，这类画图需求几乎每个项目都会碰到。如果每张图都靠设计软件画好再上传，改一次就得重新导一遍，图和数据对不上是常事...

只要项目里涉及位置，就躲不开地图这件事——门店分布、配送范围、房产标注、轨迹回放、行政区划展示，哪一样都得先把地图铺上去。市面上的商业地图 SDK 通常要申请密钥、有调用量限制，有的还...

做过后台系统的都熟悉这种需求：把当前列表一键导出成 Excel、把表单数据存成 CSV、把多个附件打成一个压缩包下载。这些活如果让后端专门写接口，改动大、来回沟通也费时间；用前端库直接在浏览...