前端
前端表单安全与数据校验:输入净化、XSS/CSRF 防护与合规验证
构建生产级前端表单安全策略,覆盖输入净化与校验、XSS/CSRF 防护与令牌机制、可用性与误报控制,提供可验证的安全指标
前端缓存策略与资源分片(Cache-Control、ETag 与 SW 验证)
通过资源指纹与Cache-Control/ETag策略配合Service Worker实现分片与分层缓存, 缩短首屏并降低带宽成本, 提供服务端与客户端验证方法。
前端性能监测与 Long Tasks(PerformanceObserver、TBT/INP 关联)
使用 PerformanceObserver 捕获 Long Tasks,关联 TBT/INP 指标进行上报与治理,并提供可验证的实现方法。
前端性能数据上报(PerformanceObserver、FID_INP_CLS 与验证)
使用PerformanceObserver采集FID/INP/CLS等核心指标并通过sendBeacon上报,提供浏览器与服务端验证方法,建立前端性能可观测体系。
前端性能优化与Core Web Vitals实践
系统讲解 Core Web Vitals 指标与优化策略,帮助前端提升关键用户体验指标,附实战清单与验证方法。
前端图片优化与Responsive Images与CDN实践
使用 Responsive Images 与现代格式(AVIF/WebP)、CDN 与懒加载优化图片加载,提供预加载与占位/骨架策略与验证方法,提升首屏与体验。
前端可访问性测试自动化:Axe、Playwright 与WCAG对齐实践
使用 Axe 与 Playwright 实施前端可访问性自动化测试,覆盖规则扫描、交互流程校验与CI门禁,提供可验证的对齐与覆盖指标
WebOTP 短信验证码自动读取:安全校验与回退实践
使用 WebOTP 自动读取短信验证码并完成校验,优化注册与登录体验,结合安全文案与回退策略,并给出经验证的成功率与耗时指标。
WebRTC DataChannel 文件传输:分块、可靠性与重试治理实践
使用 WebRTC DataChannel 进行点对点文件传输,实施分块与确认重试机制,提升弱网下的稳定性与成功率,并提供经验证的延迟与吞吐指标。
