-
推荐将重复颜色提取为CSS自定义属性，在:root中语义化命名（如--color-primary），全局统一管理；组件中用var()引用，支持降级与局部覆盖；大型项目可按基础色、语义色、场景色分层，并借助工具增强能力。
-
柯里化是将多参数函数转换为一系列单参数函数的过程，通过闭包逐步接收参数，最终统一执行原函数；如add(a,b,c)变为add(a)(b)(c)，常用于参数预设、高阶函数适配与配置化API构建。
-
<p>0.1+0.2不等于精确0.3是因二进制浮点精度限制，解决方法包括：使用Decimal模块实现高精度计算，如Python中Decimal('0.1')+Decimal('0.2')得Decimal('0.3')；比较时用math.isclose()或容差值abs(a-b)<1e-9判断近似相等；通过单位转换将小数运算变为整数运算，如金额以“分”为单位；输出时用round()或格式化控制显示精度，避免用户误解。应根据场景选择合适方案。</p>
-
小元素在行内布局中易挤在一起，因默认inline元素受字体基线和vertical-align:baseline影响，导致垂直对齐不一致；推荐用inline-block+vertical-align或flex+gap统一控制间距。
-
HTML中绘制细线分隔有五种CSS方案：一、border单侧设置；二、hr重置样式；三、box-shadow模拟；四、渐变背景；五、伪元素绘制，各适用于不同场景与设备需求。
-
AJAX是用XMLHttpRequest或fetch()发起异步HTTP请求的实践方式；XMLHttpRequest仍具调试与上传优势，fetch()需注意默认不报错、无Cookie、需手动处理JSON和超时等陷阱。
-
:hover用于鼠标悬停时触发样式，如按钮变色、下拉菜单显示；:focus在元素获得焦点时生效，常用于输入框高亮和键盘导航，提升可访问性。两者可组合使用，统一交互反馈，但需注意移动端hover无效、focus不可省略，并遵循LVHFF顺序以确保样式正确应用。
-
重排比重绘更昂贵，因重排需重新计算几何属性并影响渲染树；重绘仅更新像素颜色等不改变布局的样式；强制同步布局和频繁DOM操作是主要性能瓶颈。
-
使用Flexbox制作数据时间轴效率高且弹性好，1.它通过flex-direction控制主轴方向实现垂直或水平布局；2.利用justify-content和align-items精准对齐元素；3.结合伪元素绘制时间轴线与圆点提升视觉效果；4.响应式设计依赖媒体查询调整布局方向与间距；5.复杂内容可通过嵌套Flex布局实现内部元素灵活排列。
-
JavaScript事件循环按“宏任务→清空微任务队列→下一宏任务”循环执行；setTimeout(0)不立即执行，因需等当前宏任务及所有微任务完成；Node.js有6阶段模型且含process.nextTick，浏览器则无。
-
多列布局自动换行的本质是维持流式；float无法真正实现自动换行，仅靠手动清除或宽度匹配模拟，而Grid和Flexbox才能由浏览器动态计算并响应式换行。
-
过渡动画卡顿主因是避开重排重绘，需设≥200ms的transition-duration、仅过渡transform/opacity、用translateZ(0)开启硬件加速、避免transition:all及覆盖失效，并选用合适cubic-bezier缓动曲线。
-
轮播图卡顿或切换生硬，主因是CSS过渡属性与JS动画节奏未对齐：需统一transition与speed、避免触发布局、合理使用will-change和requestAnimationFrame、处理visibilitychange、配置touch-action与passive事件、控制图片加载时机。
-
函数柯里化是将多参数函数转换为依次接收单个参数的函数序列，通过闭包保存参数直至齐全后执行，如add(1)(2)(3)调用方式，支持参数复用、函数组合与延迟计算，提升代码灵活性和可维护性。
-
首先使用UIkit的按钮类创建不同样式和大小的按钮，并通过.uk-width-1-1使其全宽；接着构建响应式导航栏，利用.uk-navbar-container和uk-navbar实现左右布局，配合uk-toggle在小屏显示汉堡菜单；最后通过uk-grid与uk-width-2-3@m等类搭建两栏主侧边栏布局，结合.uk-container确保内容居中适配，完成简洁响应式页面结构。
