作为前端顾问，对HTML、CSS、JS的掌握必须达到“写得了规范、造得了轮子、定得了标准”。HTML方面，精通语义化、可访问性（WAI-ARIA）、微数据、Web Components（Custom Elements + Shadow DOM + Template），能设计跨框架的组件库；熟悉HTML5新增API如Canvas、WebSocket、Web Worker、Intersection Observer，能在性能敏感场景下精准控制渲染与通信。CSS方面，深入理解层叠上下文、BFC、Flex/Grid布局、CSS Houdini、变量与自定义属性，能构建可主题化的设计系统；掌握PostCSS、Sass、Tailwind、UnoCSS等工具链，实现按需原子化样式与编译时优化，做到首屏样式零冗余。JavaScript方面，熟练运用ES2024全部特性（如装饰器、模式匹配、Temporal），对事件循环、闭包、原型链、模块化（ESM/CJS/UMD）有源码级讲解能力；能编写高性能算法与数据结构，利用Proxy、Reflect、WeakMap/WeakSet做响应式与内存优化；熟悉TypeScript高级类型、模板字面量类型、条件映射类型，能在大型项目中设计类型安全且可扩展的架构。同时，能将三者的边界打通：用JS生成CSS-in-JS并提取关键路径、在HTML中注入Service Worker预缓存、通过CSS Containment与will-change提示浏览器优化合成层，最终实现“结构可访问、样式可主题、行为可测试”的前端质量体系。

语义化渲染引擎
只用 HTML 原生标签（sectioning、h-group、ruby、details）实现一篇 3 万字技术文档的「零 JS 目录树」。通过 CSS :target 伪类 + scroll-behavior: smooth 完成锚点平滑定位；再用 rel="prev/next" 预加载实现 0.8 s 内翻页无白屏。WAVE 可访问性评分 100，Lighthouse SEO 100，证明“纯标记语言也能做 SPA 级体验”。