-
企业简介页的现代感源于克制设计：用clamp()实现平滑响应式标题、grid-template-areas明确信任要素权重、aspect-ratio锁定图片比例，舍弃冗余动画与炫技效果。
-
:empty伪类选择无内容元素，可用于优化空状态样式。例如.content:empty设置空容器样式，仅真正为空的元素被选中，常用于隐藏空模块、设占位符或控制表单字段显示。结合JS可实现加载提示自动消失，提升用户体验与维护效率。
-
PSD文件无法直接导入HTML5编辑器，必须经Photopea导出为JSON+Base64PNG，再通过JavaScript加载并手动创建DOM元素还原图层，文字属性需额外转换补全。
-
px、em、rem、%、vw/vh等CSS单位计算基准各不相同：px为绝对像素；em相对父元素font-size，嵌套易失控；rem相对根元素font-size，适合响应式；%依属性不同参照父宽或高；vw/vh基于视口，需注意iOSSafari地址栏影响；单位选择应以参照物是否稳定为准。
-
Bellman-Ford算法能处理负权边，因为它通过V-1轮全局松弛迭代逐步传播最短路径信息，不依赖贪心策略，从而避免负权边导致的误判；其核心在于每轮遍历所有边进行松弛，确保即使路径变短也能被更新，最终收敛到正确结果；判断负权环的方法是在V-1次迭代后再次遍历所有边，若仍能松弛则说明存在从源点可达的负权环，此时受影响节点的最短距离趋于负无穷，需标记为-Infinity；该算法时间复杂度为O(V*E)，虽能处理负权边并检测负权环，但效率低于Dijkstra，适用于存在负权边或需检测套利等特殊场景。
-
使用position:sticky可轻松实现导航栏滚动时固定顶部的效果。1.该属性需配合top、bottom使用，如top:0表示元素到达视口顶端时触发固定；2.典型应用中，为导航栏设置position:sticky和top:0，并添加z-index确保层级优先；3.注意父容器避免设置overflow:hidden或auto，否则会破坏粘性布局，且需考虑IE等不支持浏览器的兼容性处理。整体方法简洁高效，适用于现代网页布局。
-
animation-timing-function控制CSS动画的速度变化，通过预设值如ease、linear或cubic-bezier()自定义贝塞尔曲线，实现自然流畅的动画效果，提升视觉表现力。
-
JavaScript在==、+、!、if判断、&&、||等场景下会按抽象操作规范自动类型转换，这是语言设计而非bug，但易导致非直觉结果，应显式控制类型避免陷阱。
-
super()必须在子类constructor中调用，否则访问this会报错；super.method()用于调用父类方法，静态方法中super指向父类构造函数，super是语法关键字而非对象。
-
生成器函数通过yield实现暂停与恢复，调用next()时执行到yield并返回值，状态被保留；再次调用next()从上次暂停处继续，支持惰性求值、异步控制和状态机管理。
-
justify-content:space-around使弹性项目沿主轴均匀分布，两侧间距相等，边缘间距为项目间间距的一半。适用于导航栏、卡片布局等需视觉呼吸感的场景，与space-between和space-evenly相比，既避免紧贴边缘又保持柔和分散效果。
-
这不是bug，是CSS层叠规则起作用：按specificity和sourceorder决定样式生效顺序；父选择器权重更高或声明靠后会覆盖子元素样式。
-
mPDF不支持CSSGrid布局，且对float的解析依赖完整HTML结构和显式宽度控制；正确做法是预先拼接HTML字符串、为浮动元素设置小于50%的宽度，并插入clear:both清除浮动。
-
alert()在现代Web开发中面临三大挑战：用户体验差、样式不可控、阻塞异步流程。首先，alert()会强制阻塞用户操作，打断用户流畅体验；其次，其样式固定且无法自定义，影响品牌一致性；最后，它会中断JavaScript执行，尤其在异步操作中易引发流程卡顿。尽管如此，在开发调试、极少数强制通知及简单内部工具场景下，alert()仍可使用。更现代的替代方案包括：①自定义模态框，提供完全样式控制和非阻塞交互；②Toast/Snackbar提示，用于短暂非侵入式通知；③内联消息，实现表单验证等局部反馈；④co
-
用grid-template-columns的minmax()配合auto-fit实现响应式列宽最可控，避免像素值硬编码；Flex列宽需结合flex-basis、flex-grow与min-width；Grid与Flex混用时应明确层级职责，防止宽度冲突。
