-
使用text-align:center可使HTML5输入框文本居中，包括placeholder；可通过内联样式或CSS类统一设置，需注意避免其他样式覆盖。
-
BroadcastChannel是同源页面间广播通信的原生API，支持标签页、iframe等实时消息传递；需同源且注意兼容性与隐私模式限制，适用于多标签状态同步等场景。
-
滚动进度条不能只用position:sticky，因为它不感知滚动位置、无法计算百分比；必须用JS读取scrollTop和scrollHeight动态计算，并通过CSS变量驱动样式变化。
-
浏览器不报错但可访问性失效，ChromeDevTools“Accessibility”面板标红提示对比度不足；实际表现为屏幕阅读器忽略文字，文字“看不见但存在”；需用color-mix()、明度控制和微阴影等手段确保稳定可读。
-
transition对width:50%不生效，是因为初始值为auto无法插值；需显式设置可过渡的起始宽度（如width:0或具体像素值），或改用max-width、calc()（前提是参照物尺寸确定）、Grid布局或transform替代。
-
JavaScript高阶函数指接受函数为参数或返回函数的函数；map对数组每项执行变换并返回等长新数组，reduce则将数组聚合为单个值，二者均不修改原数组。
-
在Sass中通过_theme.scss文件用!default声明语义化配色变量（如$color-brand-primary:#4a6fa5!default;），统一管理、禁止硬编码；借助CSS自定义属性实现暗色模式切换，Sass仅负责生成初始值。
-
使用MiniCssExtractPlugin提取公共CSS，通过CssMinimizerPlugin压缩文件，结合splitChunks优化公共样式，实现异步加载与顺序控制，提升页面加载与渲染性能。
-
前端调用SpringBootActuator需先启用端点并配置CORS。1.引入actuator依赖并在application.yml中暴露health、info等端点；2.通过WebMvcConfigurer配置允许前端域名访问/actuator/**路径；3.前端使用fetch请求如/actuator/health获取数据；4.生产环境应限制敏感端点，结合SpringSecurity添加认证，避免直接暴露env、shutdown等高危接口。
-
HTML需通过标准方式引用外部资源：一、用<linkrel="stylesheet">引入CSS；二、用<scriptsrc>加载JS，可加defer/async；三、用@import或<link>引入字体；四、用img/audio/video的src或source嵌入媒体；五、用a标签跳转或fetch调用API。
-
本文介绍如何使用defer和shareReplay构建真正的惰性Observable，确保昂贵的异步计算（如API调用或初始化逻辑）仅在第一次订阅时触发，且结果被安全共享给后续所有订阅者。
-
实现虚拟列表的核心是只渲染可视区域内的项，通过计算滚动位置和项高度确定显示范围，用空白占位维持滚动高度，从而提升长列表性能。
-
Notepad++默认不识别HTML\_等带下划线的非标准扩展名，需手动在“设置→首选项→文件关联”中将HTML\_绑定至HTML语言，或直接编辑config.xml添加<associationext="HTML_"lang="html"/>，修改后需重载文件才生效。
-
:first-child匹配父元素的第一个子元素且类型需一致，而非首个某类型元素；应改用:first-of-type才能准确选中第一个p等目标类型元素。
-
优先用Flex布局解决缩略图与标题对齐问题：给图片容器设display:flex;align-items:flex-start;，标题用align-self:center;；避免float和vertical-align失效，统一弹性容器对齐基准，并删除固定height确保响应式正常。
