-
flex-shrink:0加了仍变形，是因为未配合flex-basis或width:auto，导致浏览器fallback到不可控的固有尺寸；需同时设width:auto、height:auto和min-width:0，并确保外框稳定后再用object-fit控制内容填充。
-
details默认展开需直接写<detailsopen>，open是布尔属性，只看存在与否；open="false"仍会强制展开；JS设el.open=true不触发UI变化，须用toggleAttribute或dispatch事件。
-
面包屑导航需手动编写或借助构建工具/后端模板生成，HTML本身不支持自动解析路径；纯静态页无路由上下文，无法通过URL准确推导语义化层级，必须依赖预置映射或静态生成器变量。
-
直接写死contenteditable="true"易导致光标错位、粘贴污染、回车异常、移动端失焦、SEO泄露及首次focus失败；应动态设置contentEditable和tabIndex，并用input事件监听+Range/Selection精准控光标。
-
根本解法是让CSS文件URL随内容变化：Webpack需配置contenthash并用mini-css-extract-plugin；Vite需在rollupOptions中设assetFileNames含[hash]；HTML中禁用手写link，改用JSimport；CDN/Nginx需配immutable缓存策略。
-
HTML5需用canvas手动加水印：先drawImage绘制原图，再fillText叠加文字或createPattern贴图；注意图片加载、跨域、dpr适配及toDataURL导出细节。
-
Canvas在Retina屏发虚是因为未适配devicePixelRatio，需同步设置width/height属性为物理像素值并缩放绘图坐标，否则仅CSS缩放会导致插值模糊。
-
需用两个原生date输入框实现范围选择，通过动态设置min属性及change事件监听确保结束日期不早于开始日期，起始框min设为空或当前日期，结束框min动态同步起始值，并在结束框变更时校验是否小于起始值。
-
本文详解如何利用jQuery的serialize()方法，将具有相同name属性（含[]数组语法）的多个表单字段自动打包为标准URL编码格式，并在PHP端正确解析为索引数组，实现前端多行数据与后端结构化处理的无缝对接。
-
ruby和rt必须配合rb才能正确渲染拼音，漏掉rb或结构错误会导致浏览器忽略注音或平铺显示；现代浏览器要求每个汉字用单独rb包裹，rt紧跟对应rb，多字需逐字拆分，禁用破坏流式布局的CSS。
-
StyledComponents控制状态的核心是将样式逻辑内聚于组件，通过props传递状态（如布尔值、枚举、主题），在模板字符串中用箭头函数映射样式；结合useState/useReducer实现交互响应；避免副作用，拆分状态容器与样式组件，推荐用attrs()预设属性、工具函数或自定义Hook封装复杂逻辑。
-
可行但需解决跨域、超时、状态语义混乱三问题：跨域须配CORS或代理；超时需AbortController控制并正确判错；状态更新应强制赋值className而非toggle，初始设pending，CSS用CSS变量和min-height保障体验。
-
z-index999被盖住的根本原因是元素未定位或受父级层叠上下文限制：z-index仅对position为relative/absolute/fixed/sticky的元素生效，且只在同一个层叠上下文中有效；父元素若含opacity<1、transform、filter等属性会创建新层叠上下文，使子元素z-index失效于外部比较。
-
真正要迁的是HTML中的结构化信息，如标题、正文、图片路径和元数据；需用BeautifulSoup等解析器提取语义化内容块，清洗冗余代码，标准化路径，并校验meta与link标签以保障SEO与渲染正确。
-
prefers-color-scheme是CSS媒体查询，用于响应系统深色模式偏好，需写在CSS中，不依赖JS，兼容主流浏览器；配合:root自定义属性统一管理主题色，手动切换通过class控制并存localStorage。
