-
普通函数调用时this指向全局对象或undefined；箭头函数不绑定this，继承外层作用域；call/apply立即执行并传参，bind返回绑定this的新函数；类方法需手动绑定this以防丢失。
-
可通过相对路径、绝对路径或网络URL引用外部图片：一、同级目录用"logo.png"；二、子目录用"images/logo.png"；三、父目录用"../logo.png"；四、本地硬盘用"file:///D:/path"（受限）；五、远程图片用"https://example.com/img.png"。
-
JSON.parse(JSON.stringify(obj))仅适用于纯数据对象，会丢失函数、undefined、Symbol、Date、RegExp等类型，且不支持循环引用；可靠替代方案包括structuredClone（现代环境）、Lodash的_.cloneDeep（兼容老环境）或自定义递归实现。
-
const声明必须初始化且不可重赋值，let允许后续赋值；两者均有TDZ；默认优先用const，仅需重赋值时用let；const锁定绑定而非值，let在闭包中提供独立块级绑定。
-
Symbol是JavaScript中用于生成唯一不可变值的原始类型，主要作为对象属性键避免命名冲突；每次Symbol()调用均返回不同值，描述字符串仅用于调试；支持全局注册表Symbol.for()和内置Symbol扩展语言行为。
-
HTML渲染异常需按浏览器流程调试：解析DOM/CSSOM→构建渲染树→布局→绘制；用DevTools检查结构、样式、重绘/图层；排查display/visibility、浮动塌陷、定位基准等问题；验证DOCTYPE与HTML合法性。
-
@media查询写在CSS底部更安全，因浏览器自上而下解析，底部的响应式规则可确保基础样式优先加载，避免小屏设备先渲染错乱的大屏布局再重绘，减少弱网下的视觉抖动。
-
可用CSS变量配合hsl()与滚动位置实现颜色自然过渡：将HSL分量映射至滚动进度，通过scroll-timeline（Chrome115+）或JS动态更新变量，注意H值跨360°需归一化处理。
-
移动端导航栏文字换行需同时设置white-space:nowrap防止单项内折行，及flex-wrap:wrap允许容器内菜单项自动换行，二者缺一不可；辅以min-width、gap和flex-shrink:0等细节优化体验。
-
HTML的button标签有submit、reset和button三种类型，禁用按钮最直接的方式是使用disabled属性。1.type="submit"为默认类型，用于提交表单，若未指定type且点击后页面刷新，问题常源于此；2.type="reset"用于重置表单字段至初始状态；3.type="button"无默认行为，适合通过JavaScript实现自定义功能。禁用按钮可通过添加disabled属性实现，也可用JavaScript动态控制，如myButton.disabled=true/false。
-
使用CSS的@keyframes配合transform:scale()可实现图标缩放动画。首先定义关键帧动画：@keyframesscale{0%{transform:scale(1);}50%{transform:scale(1.2);}100%{transform:scale(1);}}，使图标从原始大小放大至1.2倍再恢复，形成呼吸效果。接着将动画绑定到图标元素：.icon{animation:scale1.5sinfiniteease-in-out;display:inline-block;wid
-
button:hover伪类需配合background-color等具体样式才生效，空规则无效；应设置合法颜色值、添加transition过渡、注意优先级和移动端兼容性。
-
使用CSS的background-clip:text与linear-gradient结合animation实现文字颜色渐变动画，通过改变background-position使渐变背景流动，配合-webkit-text-fill-color:transparent让文字呈现动态渐变色效。
-
<p>clip-path属性可定义元素可视区域，支持circle、ellipse、inset、polygon等函数创建形状，如用polygon实现六边形图片裁剪；通过百分比单位实现响应式裁剪，结合transition与hover可制作动态动画效果，提升视觉表现力，但需注意Safari需加-webkit-前缀及复杂动画可能影响性能。</p>
-
border必须同时指定width、style、color才生效；letter-spacing控制字符额外间距，不继承；line-height和padding共同决定文字与边框距离；flex的align-items比line-height更可靠实现垂直居中。
