-
<p>JavaScript数组排序默认按字符串Unicode码点排序，需用sort()方法；数字排序须提供比较函数，如(a,b)=>a-b实现升序；对象数组可按属性排序，常用a.age-b.age或a.name.localeCompare(b.name)；注意sort()会修改原数组，可用[...arr]复制避免副作用。</p>
-
JavaScript迭代器核心是next()方法，返回{value,done}对象；实现[Symbol.iterator]()的对象为可迭代对象，供for...of等消费；生成器函数可简化迭代器创建。
-
前端灰度发布通过部分用户先行体验新功能以降低迭代风险，JavaScript可基于用户标识（如UID）结合哈希算法实现分组控制，如取模决定灰度比例，支持灵活、可配置的渐进式上线策略。
-
Android中WebView集成需四步：一、声明权限与控件并加载HTML；二、启用JavaScript及HTML5特性；三、通过assets目录加载本地资源；四、用addJavascriptInterface实现JS与Java通信，并手动管理生命周期。
-
Object.defineProperty通过get/set拦截属性读写，实现数据响应式，Vue2据此追踪依赖并更新视图，但无法监听数组索引及属性增删，需递归遍历对象实现深度监听。
-
使用transform和flex-basis替代width/height动画，避免与Flex布局冲突；2.位移动画优先用translateX而非margin或left；3.隐藏元素时用visibility配合scale(0)保持布局稳定；4.利用transition:flex实现flex-grow的平滑过渡；5.缩放时设置transform-origin:center确保居中，结合delay制造交错入场效果。
-
使用Flexbox或Grid布局结合媒体查询和相对单位实现响应式图片画廊，确保在不同屏幕尺寸下自适应显示。
-
jQueryUIAutocomplete默认仅初始化页面加载时已存在的元素；动态插入的新输入框需手动重新绑定，否则无法触发自动补全，本文详解绑定方法、ID冲突规避及代码优化实践。
-
合理使用animation-fill-mode和animation-iteration-count可解决hover动画反复触发问题。通过设置animation-fill-mode:forwards使动画完成后保持最终状态，避免样式回跳；结合animation-iteration-count:1限制动画仅播放一次，防止重复启动。推荐将动画绑定到类名并用JavaScript控制添加，实现精准触发动画；对于简单交互动效，优先使用transition替代animation，利用其天然反向过渡特性，确保鼠标移入移出
-
JavaScript单元测试核心是验证最小可测单元行为，Jest和Vitest为主流框架：Jest开箱即用、生态成熟；Vitest速度快、兼容Jest语法、适配Vite项目。
-
可利用HTML5的CanvasAPI和FileAPI实现本地图片裁剪：一、手动绘制裁剪区域；二、集成Cropper.js库；三、用clip()实现非矩形裁剪；四、结合createObjectURL优化大图预览与裁剪精度。
-
移动端fixed导航被软键盘顶起的本质是视口高度收缩导致定位异常，解决思路是避开键盘区域或改用稳定定位；优先使用env(safe-area-inset-bottom)并配合viewport-fit=cover实现动态适配。
-
JavaScript设计模式是应对项目复杂度的稳定器，解决对象创建混乱、状态联动失控、条件分支爆炸三类痛点，常用模式包括工厂、单例、观察者、策略和模块模式，适用中大型项目以提升稳定性与可维护性。
-
表单控件使用absolute错位是因缺少定位上下文，需为父元素设置relative以创建定位容器，使absolute元素相对于父级精确定位，适用于下拉框、图标、提示气泡等场景。
-
<p>使用CSSFlexbox制作图片墙需设置父容器display:flex和flex-wrap:wrap，通过gap或margin控制间距。1.父容器启用换行并推荐使用gap统一间距；2.子项设置flex:00calc(33.333%-20px)实现三列布局，配合margin和box-sizing避免宽度溢出；3.结合媒体查询调整不同屏幕下的flex比例，实现响应式；4.现代布局建议用gap替代margin，简化样式处理。</p>
