科普

用正确的 HTML 元素表达内容结构，让浏览器、搜索引擎和辅助技术都能理解页面。

优先级、来源和层叠层共同决定最终样式，先理解规则再解决样式冲突。

内容、内边距、边框和外边距共同决定元素尺寸，box-sizing 是布局中的关键开关。

Flex 适合处理一维布局，主轴、交叉轴和可伸缩尺寸是排查布局问题的三个抓手。

Grid 用行列描述二维布局，明确轨道、间距和区域后，复杂页面也能保持可读。

原始值与对象的行为不同，类型转换和相等比较需要在边界处写清楚。

闭包让函数保留创建时的词法环境，适合封装状态，也需要注意生命周期和内存占用。

JavaScript 通过任务队列和微任务队列协调异步工作，理解执行顺序才能正确判断 UI 更新时机。

Promise 用 pending、fulfilled 和 rejected 表示异步结果，链式处理要统一返回和错误边界。

DOM 是浏览器维护的文档对象树，更新页面时应关注节点关系、事件和重排成本。

Fetch 提供基于 Promise 的网络请求接口，响应状态和响应体解析都需要显式处理。

协议、主机、端口、路径、查询参数和片段各司其职，URL 设计会影响缓存和可分享性。

GET、POST、PUT、PATCH 和 DELETE 表达不同意图，接口设计应保持语义稳定和幂等边界清晰。

状态码是客户端理解服务器结果的协议语言，成功、重定向、客户端错误和服务端错误要分开处理。

Cache-Control、ETag 和 Last-Modified 共同决定资源是否复用，缓存策略要和内容更新频率匹配。

Cookie 适合携带小型状态，但要理解 Domain、Path、Secure、HttpOnly 和 SameSite 的边界。

跨源请求是否被允许由浏览器和服务器共同决定，预检请求是最常见的排查入口。

CSP 通过限制脚本、样式和资源来源降低注入风险，报告模式适合先观察再收紧策略。

localStorage、sessionStorage、IndexedDB 和 Cookie 适用于不同数据类型与生命周期。

自定义元素、Shadow DOM 和模板让组件可以在不依赖框架的情况下封装行为与样式。

Worker 把计算移出主线程，适合处理大数据和计算密集任务，但线程间通信也有成本。

Service Worker 位于页面和网络之间，可以实现离线缓存、请求拦截和后台能力。

可访问名称、键盘操作、焦点顺序和语义元素，是界面可用性的底线而不是额外功能。

响应式布局不是简单缩小桌面页面，而是让内容在不同视口中保持层级和操作效率。

JPEG、PNG、WebP 和 AVIF 的压缩特点不同，应根据照片、图标和透明需求选择。

图片和 iframe 可以延迟到接近视口时再加载，减少首屏网络与解码压力。

WebSocket 提供持久双向连接，适合实时消息，但连接重试和心跳策略需要单独设计。

JSON 适合表达结构化数据，接口边界需要明确字段类型、缺失值和错误格式。

Intl API 可以处理日期、数字和语言排序，避免手写地区相关格式化规则。

解析、样式计算、布局、绘制和合成共同构成渲染路径，性能优化要定位具体阶段。