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

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

首页想做出场动效、按钮想加点击反馈、产品图想跟着滚动慢慢浮起来，用 CSS 写简单动画还行，一旦涉及时间轴编排、路径描边、一组元素依次出现，纯 CSS 就有点力不从心了。换用 JS 动画引擎，把...

页面跳转、接口请求、图片资源加载，用户等的这几秒其实很关键。这段时间如果屏幕上什么都没有，用户第一反应就是是不是卡了，手指一划就走了；反过来，只要有一条进度条在往前跑，哪怕速度一样...

写博客、做文档站、搭笔记工具，只要涉及到让用户输入内容再显示出来，八成会用到 Markdown。它比 HTML 好写，比富文本干净，但浏览器并不认识它，得靠解析库把 Markdown 文本转成网页能显示的 ...

做汇报、做课程、做产品介绍，很多人第一反应是打开 PPT，但真要往网上一发，问题就来了，手机上排版全乱，链接发过去别人还得先下文件才能看。这次整理的是 3 套网页幻灯片框架，用写网页的方...

写博客或者做文档站的人都懂一个道理，代码块好不好看，直接决定别人愿不愿意往下读。自己从头配一套代码配色又特别费劲，改来改去还是那几种颜色，最后干脆放弃。这次整理的是 Highlight.js 官...

做诗词号、文案号、知识类内容的，最头疼的不是没灵感，是手边没有一个能随时翻、能随时检索的诗词库。百度搜一句诗，出来的页面广告一堆，复制还带一堆格式；买本诗集，想找'月亮'或者'离别'这...

做设计、做网页、做后台系统，或者就想给小红书笔记、PPT 加几个干净的小图标，最烦的就是找不到一套风格统一的。东拼西凑来的图标，线宽不一样、圆角不一样，放在同一个页面里一眼就能看出是拼...

做设计、做网页、做后台系统，或者就想给小红书笔记、PPT 加几个干净的小图标，最烦的就是找不到一套风格统一的。东拼西凑来的图标，线宽不一样、圆角不一样，放在同一个页面里一眼就能看出是拼...