-
SPA需路由控制、视图更新、状态管理协同实现，核心是history.pushState改URL不刷新、popstate监听前进后退、动态DOM替换更新内容。
-
<p>通配符选择器的核心用途是“打底重置”，最合理用法为{box-sizing:border-box;}；*{margin:0;padding:0;}已过时，易破坏语义元素默认样式；性能敏感或结构明确场景应避免使用，推荐用具体选择器替代。</p>
-
position:relative在响应式设计中用于微调元素位置及作为绝对定位的参考容器，通过配合媒体查询可实现不同屏幕下的动态定位调整，且不脱离文档流，避免布局错乱，适用于图标、标签、卡片等组件的精确定位与视觉优化。
-
JavaScript单例模式核心是手动缓存实例确保全局唯一，推荐getInstance()方法或模块导出对象；构造函数应私有化约定，避免依赖new.target等不可靠防护，需关注内存泄漏并提供销毁机制。
-
导航栏fixed后内容被遮挡，需给body设置与导航栏高度一致的padding-top；移动端fixed不稳定时，可用touch-action:manipulation缓解抖动，避免在导航内放置输入框。
-
懒加载核心是按需加载，推荐使用IntersectionObserverAPI实现，辅以loading="lazy"渐进增强；老项目兼容IE可降级为节流滚动监听；框架中宜封装为Hook或指令，避免关键内容懒加载。
-
CSS中需用border-top等方向属性独立设边框，简写border会覆盖所有边；单边声明必须含style，否则为none；可用border-width等复合属性按TRBL顺序赋值；表格中用border-collapse:separate避免边框合并；outline和box-shadow可模拟伪单边效果但有局限。
-
CSS渐变不自动响应窗口变化，需用vw单位控制色标位置实现伪响应，或用@media查询切换角度；JS动态更新仅在特殊场景慎用。
-
background-color需统一用background简写或置于background之后声明；路径须以CSS文件为基准或用绝对路径；background简写顺序必须符合标准；cover完全覆盖容器，contain完整显示图像。
-
localStorage只能存字符串，存对象需用JSON.stringify()序列化，取时用JSON.parse()反序列化并加try...catch；读取前须判空防null；无自动过期机制，需手动添加时间戳并校验。
-
JavaScript是浏览器可直接执行的网页行为语言，入门应先写可见效果代码：修改文字、响应点击、控制台输出、表单校验；暂跳原型链、Promise细节、模块化等；注意ID大小写、脚本位置、undefined常见原因。
-
前端数据持久化主要有Cookie、localStorage、sessionStorage和IndexedDB四种方案：Cookie小容量且随请求发送，适合存token；localStorage大容量持久存储字符串；sessionStorage仅限当前会话；IndexedDB支持复杂结构化数据的异步操作。
-
行内元素有完整盒模型但受文本流约束；width/height无效，padding/border可见但不撑高行框，margin-top/bottom无效；inline-block可破局，需处理空格间隙和vertical-align对齐问题。
-
flex-shrink未生效的根本原因是min-width:auto阻止收缩，必须显式设置min-width:0，并配合word-break或overflow-wrap强制折行及overflow:hidden裁剪。
-
使用text-align:justify可实现HTML文本两端对齐，使段落左右边缘整齐，适用于正文、新闻等正式排版场景，但需注意短文本可能导致字间距过大，影响阅读体验。
