现在做官网、做产品落地页，光是把内容摆上去已经不够看了，得让页面稍微「活」一点。用户手指往下滑的时候，文字一段段淡入，图片慢慢往上移，背景比前景滚得慢一拍，这种滚动带动效的玩法，几...

做相册、做图库、做电商详情页，还有文章里塞一堆配图，都绕不开一个交互，就是用户点一下缩略图，图片全屏放大，可以左右翻、可以捏合缩放。这个体验看着简单，真做起来手写也不轻松，尤其是手...

只要做后台系统、做社区论坛、做笔记工具，基本都会撞上一个需求，就是让用户自己写一段带格式的文字，能有标题、加粗、列表、插图。从零手搓一个编辑器是不现实的，光标、选区、撤销重做每一样...

做后台、做管理系统，表格几乎是最常见的界面。几十上百条数据摆上去，用户第一反应就是能不能搜、能不能排序、能不能翻页，有的还要直接改单元格。原生 table 标签能把数据摊开，但排序、分页...

现在做网站、做后台，图片处理几乎绕不开。用户上传头像要裁剪，商品图太大要压缩，缩略图糊了要高清缩放，上传完还想顺手清掉拍摄信息。这些需求要是自己从零写，canvas 那一套 API 又长又难调...

做后台系统或者网页工具，一定会遇到要给用户反馈的时候。表单提交成功、接口报错、复制完成、正在加载，这些场景如果都用浏览器自带的 alert，不仅会打断用户操作，弹窗还特别丑，整个站点的质...

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

做网站的时候，视频和音频这两个需求几乎躲不掉。课程站要放录播，作品集要放宣传片，博客里想插一段背景音乐，直播回放还得能拖动进度条。原生 video 标签确实能用，但那个控件长得实在劝退，...

只要做过后台系统，就一定被 JavaScript 原生的日期对象折磨过。取当前时间、格式化成年月日、算两个日期差几天、加一个月减一周，用原生写法又长又容易出错，碰上时区和夏令时更是灾难，稍不留...

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