浏览器渲染、布局与交互
浏览器收到 HTML 后构建 DOM,加载并解析样式,计算元素样式与几何布局,再绘制和合成可显示的结果。实际实现会并行、缓存或跳过一些工作,这条流程用于理解依赖,不能当成每一帧都完整执行的流水线。 ...
浏览器收到 HTML 后构建 DOM,加载并解析样式,计算元素样式与几何布局,再绘制和合成可显示的结果。实际实现会并行、缓存或跳过一些工作,这条流程用于理解依赖,不能当成每一帧都完整执行的流水线。 ...
开发服务器能打开页面,只说明当前开发路径成立。生产产物还会经过类型检查、模块转换、资源处理与部署。把这些步骤分清,才能定位“本地正常,发布后失败”的原因。 ...
一次请求至少经历开始、等待、成功或失败;成功还可能是空结果。刷新已有列表时,可以保留旧内容并显示刷新状态,首次加载则需要明确的等待反馈。状态设计应让用户知道当前看到的是旧数据、空数据还是请求失败。 ...
HTML 先描述内容的含义,再由 CSS 决定外观。标题、导航、文章、表单有不同用途;浏览器、搜索引擎和辅助技术会利用这些结构。把所有东西写成 div,会把现成的键盘操作、表单行为和可访问名称都变成自己的维护工作。 ...
组件边界应围绕职责和变化原因。把每十行代码拆成一个组件,不会自然得到清晰架构;把请求、校验、列表、弹窗和权限都塞进一个页面,也会让变化互相牵连。先画出数据从哪里来、谁能修改、哪些界面共同使用,再决定边界。 ...