Node.js、包管理器与浏览器分别在前端项目中承担什么职责？

追问使用 Node.js 构建项目是否意味着生产页面一定需要 Node 服务运行？Python 后端如何与静态前端配合？

前端 package.json、脚本和锁文件各有什么作用？

追问如何统一安装与运行方式？随意混用不同包管理器或忽略锁文件会带来哪些协作问题？

追问开发服务正常是否就证明构建产物可用？怎样单独验证生产构建与资源路径？

追问 Vite 暴露给客户端的变量最终会出现在哪里？为什么不能把数据库密码或服务端私钥放进去？

追问浏览器实际请求地址与代理转发地址有什么区别？为什么开发代理不会自动成为生产环境配置？

追问项目扩大后怎样按业务域划分，减少跨目录依赖？如何避免一个页面文件承担所有职责？

追问表单验证、表格分页、键盘操作、样式定制和版本兼容分别怎样验证，避免只凭示例外观选择？

追问 Vue/React 开发者工具、Console 与 Network 分别怎样检查输入、状态、请求和渲染结果？

追问分页、虚拟列表、防抖和减少无关更新各针对什么问题？为什么不能只凭“渲染次数多”判断瓶颈？

追问输入、点击、加载、失败与键盘操作如何形成验收样例？为什么只检查内部状态或截图不足以覆盖交互正确性？

核对资料： Vite：环境变量与模式。