-
当前问题源于在NavBar中嵌套了独立的BrowserRouter，导致其与主路由系统隔离；修复方式是移除冗余路由器，改用createBrowserRouter+布局组件+Outlet实现统一导航与无刷新渲染。
-
应让normalize.css或reset.css优先加载，即作为第一个生效的样式表；二者不可共存，normalize.css温和修复浏览器差异，reset.css暴力清零，错误顺序或额外重置会导致覆盖失效。
-
使用流处理大文件可避免内存溢出。1.上传时用multer分块暂存，再通过fs.createReadStream读取并pipe到目标文件，最后删除临时文件；2.下载时用fs.createReadStream创建读取流，设置响应头后pipe到res，实现分批传输；3.增强稳定性需监听error事件，及时销毁流并释放资源。
-
FileAPI仅支持用户主动选择的文件只读访问，无法操作磁盘任意路径；通过监听input的change事件获取FileList，用FileReader异步读取内容，支持text、dataURL、ArrayBuffer三种模式，无写入能力。
-
图片无法显示通常因路径错误或文件问题，应使用相对路径将图片放入专用文件夹并正确引用，或用Base64编码嵌入；确保格式与扩展名一致，检查权限及编码，避免特殊字符命名。
-
最稳妥方式是用URL构造器生成带参URL后赋值给window.location.href，它自动编码、处理分隔符；需避免手动拼接、漏编码、在非用户手势中调用window.open。
-
在使用.NET的XSLT转换生成HTML时，xsl:value-of默认会正确转义文本节点，但属性值（如value或自定义data-*属性）中的内联表达式不会自动转义，导致XSS风险；需通过XHTML输出方法或手动编码确保所有上下文均安全。
-
JavaScript模块化分ES6（静态编译时解析、实时绑定）和CommonJS（动态运行时加载、值拷贝），二者不原生兼容，需工具桥接；现代前端优先ES6，Node新项目可启用ESM，npm包建议双格式发布。
-
CSS文件越改越乱因缺乏规范：@import无序、class命名冲突、废弃样式未清理；应按职责分base/layout/component/page四类拆分，统一入口导入，用带前缀的BEM变体命名，变更需关联Jira、可追溯、受CI监控。
-
<p>HTML注释使用<!---->语法，支持单行与多行，不可嵌套且禁用--和>组合；脚本与样式内应使用对应语言注释；可标注状态、待办事项；可通过开发者工具或W3C验证检查解析正确性。</p>
-
HTML下拉框默认选中第N项需设置selectedIndex属性或value属性；selectedIndex从0开始，-1表示无选中项，动态设置前须确保DOM就绪且选项存在。
-
实现主题切换的核心思路是通过CSS变量配合data属性动态更新样式。首先在html标签设置data-theme，默认为light，CSS中定义对应的主题变量，JavaScript监听按钮点击事件，获取当前主题并切换data-theme的值，从而触发样式变化。该方法利用自定义属性实现全局样式响应，结构清晰、维护方便，适用于现代浏览器，是目前推荐的主流方案。
-
flex-direction默认值不影响垂直居中，只需父容器display:flex并设置align-items:center即可实现交叉轴（纵向）居中；单个子元素完全居中用align-items:center与justify-content:center组合最稳。
-
元素宽高异常很可能是position:absolute导致脱离文档流；需检查是否设置了absolute及最近定位祖先，通过开发者工具验证布局，修复时应显式设置宽高或调整定位上下文。
-
防止XSS的关键是正确处理用户输入输出。应对用户输入进行白名单验证并限制格式，前端后端均需验证；在插入HTML时对动态内容进行HTML编码，转义特殊字符如<为<。
