-
JavaScript作用域是变量和函数可访问的范围，分全局和函数作用域：全局作用域唯一且长期存在，变量挂载window对象；函数作用域临时私有，执行完销毁，支持作用域链查找。
-
外边距（margin）对绝对定位元素并非无效，而是不参与定位偏移计算；其作用限于盒内间距、背景起始位置及margin合并等，真正控制位置的是top/right/bottom/left属性。
-
JavaScript实现颜色选择器核心是监听交互并实时计算规范颜色值；可用原生input或Canvas自绘HSV/HSL控件，需归一化处理后转CSS格式；推荐vanilla-picker等轻量库避免手写色彩转换逻辑。
-
JavaScript事件是用户操作或页面状态变化时触发的信号，用于实现交互功能；高频事件包括click、input/change、submit、keydown/keyup、scroll/resize；推荐用addEventListener绑定，可多次绑定且支持防抖；事件对象提供target、preventDefault、stopPropagation等方法。
-
Flex布局中按钮高度不一致的主因是内容差异及默认样式干扰；需确保父容器display:flex且align-items:stretch，子项设align-self:stretch、vertical-align:top、box-sizing:border-box，并统一line-height或设固定height。
-
设置padding会扩大元素内部空间，在固定宽度下挤压内容区域，是否出现滚动条取决于overflow属性；box-sizing:border-box可避免内容区被挤压，结合overflow可控制溢出表现。
-
CSS组合选择器通过逗号分隔多个选择器，统一应用样式，如h1,p,div{color:#333;line-height:1.6;}，支持标签、类、ID等混合使用，常用于按钮、表单等共用样式场景，提升代码简洁性与维护性，建议每行写一个选择器、按语义分组，并结合Sass等工具增强复用，避免过度聚合影响可读性。
-
使用position:fixed可实现头部固定，通过设置top:0和width:100%使header始终位于视窗顶部，同时为main内容区添加等高margin-top避免被遮挡，结合z-index确保层级优先，适用于导航栏布局。
-
组件样式需独立加载，最直接方式是为每个组件配单独<link>标签，实现按需加载、作用域清晰、天然隔离及HTTP/2多路复用优势。
-
动画应精简必要，仅用于状态变化、注意力引导和操作反馈，如按钮点击、菜单展开等核心交互；时长宜为200–250ms，选用ease-out缓动，避免重排属性，尊重prefers-reduced-motion偏好。
-
尾调用优化允许引擎复用栈帧避免栈溢出；尾调用指函数最后一步直接返回另一函数调用结果，无后续操作。
-
可通过display、visibility、opacity属性、CSS类切换及HTML5hidden属性控制元素显示：display改变框类型并影响布局；visibility保留空间仅控制可见性；opacity实现透明度渐变；CSS类切换提升可维护性；hidden属性语义化隐藏。
-
JavaScript文件上传核心是用input[type="file"]获取File对象，再通过FileReader异步读取内容或生成图片预览；需校验类型大小，支持readAsText、readAsDataURL、readAsArrayBuffer等方法。
-
应根据需求选择：:nth-last-child(2)按父元素末尾位置匹配倒数第二子元素（需类型一致），而:nth-last-of-type(2)先筛选同类型元素再倒数取第二，不受其他标签干扰。
-
可利用HTML5的CanvasAPI和FileAPI实现本地图片裁剪：一、手动绘制裁剪区域；二、集成Cropper.js库；三、用clip()实现非矩形裁剪；四、结合createObjectURL优化大图预览与裁剪精度。
