背景 网页在不同平台上展示的布局不一致，需要改成类似等比缩放的效果以便在各平台显示 选型 主流方案 官网方案 实现 核心逻辑 使用 postcss-px-to-viewport 插件，将 src 以及三方库(node_modules)下的所有样式文件 里面的 px 单位转换到 rem 单位 在公共样式下根据媒体查询（屏幕宽度 or 屏幕 dpi）设置每种字体的大小 由于目前插件不能转换非样式文件里面的 px 单位，所以需要写两种公共样式，这里会通过 url… »

背景 统计线上用户各个功能的使用情况，以便后续针对性的优化 实现 前端 使用 https://github.com/nytimes/react-tracking 三方库埋点 使用 sendBeacon 异步发送埋点信息 埋点信息默认发送 location，type（默认为 enter，即进入页面类型），create_by（埋点触发人） utils/sendReport.js index.js 后端 数据库表 web_track 记录了以下字段 用户(create_by… »

背景 前端页面需要量化页面性能，以此来说明优化前后的效果 选型 本地 选型 Star 数 最后代码提交时间 优点 缺点 截图 实现效果 备注 Chrome DevTools Performance 面板 无 无 浏览器自带 只能简单的说明性能 Performance API（window.performance） 无 无 浏览器原生方法 需要自己写代码来生成报告 Lighthouse 29.2K 2025-08-05 浏览器自带，很快可以出报告 1. 需要用隐私模式打开排除干扰 2. CLI… »