SuperAPI AI 工具集

best-practices

编程与开发

查看项目

更新于 10-15 21:55

技能介绍

用途:这是一份现代 Web 开发最佳实践清单,源自 Lighthouse 最佳实践审计,用于在开发或审计时统一安全、兼容性与代码质量标准。当被要求“应用最佳实践”“安全审计”等场景时使用。

主要能力: 安全:强制全站 HTTPS、避免混合内容;配置 HSTS、CSP(含 nonce)、X-Frame-Options、X-Content-Type-Options、Referrer-Policy、Permissions-Policy 等响应头;用 npm audit / yarn audit 检查依赖漏洞并 npm audit fix;避免原型污染模式;输入净化(textContent 或 DOMPurify);安全 Cookie(Secure、HttpOnly、SameSite)。 兼容性:HTML5 doctype、charset 置于 head 首位、viewport meta;特性检测替代 UA 检测,@supports 做 CSS 回退;按需加载 polyfill;避免 document.write、同步 XHR、Application Cache 等废弃 API;滚动/触摸事件使用 passive 监听。 代码质量与性能:无控制台错误、错误边界与全局错误处理、生产环境隐藏 source map;defer 脚本、避免 @import、事件委托、及时移除监听或用 AbortController 清理;有效且语义化 HTML、图片保持宽高比。 隐私:权限在用户操作上下文中请求,并用 Permissions-Policy 限制。

使用方式:按审计清单逐项核对——安全(HTTPS、依赖、CSP、安全头、source map)、兼容性(doctype、charset、viewport、废弃 API、passive 监听)、代码质量(无控制台错误、有效 HTML、语义化、错误处理、内存清理)、UX(无侵入式插页、上下文权限、清晰错误、图片比例)。可配合 npm audit、SecurityHeaders.com、W3C Validator、Lighthouse、Observatory 等工具验证。

适用场景:Web 前端项目开发、上线前审计、安全与兼容性整改。

限制:资料未提供具体安装命令、收费方式、平台支持范围或量化效果,暂未提供。