-
节流函数典型场景包括scroll、resize、mousemove事件及Canvas动画同步；手写需支持leading立即执行和trailing结尾补发，核心是时间戳判断与定时器精准清理。
-
使用min-width和max-width可控制元素宽度范围，提升响应式设计效果；示例中容器最小320px、最大1200px，适配多端屏幕并居中显示，增强可读性与布局弹性。
-
border-color用于设置边框颜色，需先定义border-style；border-radius实现圆角效果，两者可同时使用。示例中通过border-color指定四色边框，border-radius设为15px实现圆角，结合使用可创建美观的彩色圆角方块，若只需单色可简写为border:3pxsolid#000配合border-radius:10px。
-
trycatch仅捕获同步运行时错误（如ReferenceError、TypeError），无法捕获异步错误；async/await中必须await后置于try内才能捕获Promise拒绝；推荐用instanceof判断错误类型；finally中return会覆盖try/catch的返回值。
-
答案是利用HTML5拖放API实现拖拽排序，通过设置draggable属性和监听dragstart、dragover、drop事件控制元素移动，结合CSS提升交互反馈。
-
memoize是一种手动实现的缓存策略，用Map存储输入与输出，提升纯函数（尤其递归）性能；手写需支持可序列化参数、保持this上下文，JSON.stringify有局限，Map可避免键冲突。
-
制作HTML5网页应用需五步：一、用语义化标签搭建标准结构；二、用Flexbox/Grid和媒体查询实现响应式CSS；三、集成地理定位、localStorage等原生API增强交互；四、用ES6模块化组织JavaScript逻辑；五、通过polyfill、懒加载、GPU加速和缓存策略优化兼容性与性能。
-
答案：JavaScript通信方式多样，因场景、安全、性能和历史演进而异。DOM事件用于解耦组件，postMessage实现跨域安全通信，BroadcastChannel和SharedWorker支持多标签页协作，WebWorkers提升性能，Fetch/XHR、WebSocket、SSE则满足不同服务器交互需求。
-
使用transition属性可实现字体大小平滑变化，需设置font-size过渡时间与缓动函数，推荐用rem单位配合cubic-bezier控制曲线，避免布局抖动需固定行高或预留空间，实际应用于导航悬停等场景，使动画自然流畅。
-
设置box-sizing:border-box可使元素宽度包含内容、内边距和边框；通过.container{box-sizing:border-box;}单独设置，或使用,::before,*::after{box-sizing:border-box;}全局应用，使布局更直观稳定，避免因padding和border导致的溢出问题。
-
HTML5DragandDropAPI通过dragstart、dragover、drop、dragend等事件链实现语义化拖放，需显式设置draggable="true"并调用preventDefault()启用投放，比手动模拟鼠标事件更兼容、无障碍且支持跨边界拖放。
-
text-indent是HTML首行缩进的唯一标准解法，推荐使用text-indent:2em实现稳定2字符缩进；全角空格等替代方案不可靠，仅限无CSS场景临时使用。
-
插值查找在数据分布均匀的有序数组中表现最佳，它通过按比例估算目标位置，平均时间复杂度为O(loglogn)，优于二分查找，但在分布不均时可能退化到O(n)。
-
装饰器函数可监听修改类行为，如用@log记录方法调用，@register注册类，或验证属性值，提升代码复用与元编程能力。
-
首先利用CSS媒体查询检测系统偏好，再通过CSS变量定义主题颜色，并结合JavaScript实现手动切换与本地存储，确保响应式布局在不同设备与主题下均保持良好可读性与视觉效果。
