想在 Vue 应用初始化之前跳到外部站点,判断必须放在 createApp 之前或 index.html 的内联脚本里,路由守卫已经太晚。本文对比三个跳转时机、讲清 replace 与 href 的历史记录差异,并给出避免后退死循环的写法与验证清单。
接口返回的对象里有一个名为 this 的字段,点写法与解构的表现并不一样。本文用最小示例跑通四种取值写法,讲清保留字作属性名与作变量名的规则差异,给出 TypeScript 与可选链场景的写法和一份验证清单。
接口返回的富文本插进页面后显示成一串尖括号,不是数据错了,而是走了文本插入。本文复现这个现象,给出文本插入、直接渲染、消毒后渲染三条路径的完整代码与代价,并附上消毒白名单与漏洞验证清单。
antd 的 Modal 默认首次打开才挂载内部组件、关闭也不销毁,表单残留与图表宽度为 0 都源于此。本文用最小示例复现默认行为,对比 destroyOnHidden、forceRender、key 重建与 resetFields 四种方式的差别,并给出表单重置的推荐写法。
点击子组件触发父组件是事件冒泡,用 stopPropagation;弹层滑动带动背景是滚动链,用 overscroll-behavior。本文讲清两种穿透的判定方法、合成事件管不到 document 原生监听等三个失败分支的修复办法,以及键盘可访问性的验证要点。
JavaScript 里让两个请求并发执行并一起收结果,用 Promise.all;允许部分失败改用 allSettled;顺序 await 是串行写法。本文给出三种写法与对比表,补上超时控制、HTTP 状态判断两个高频坑,并给出本地实测耗时的验证脚本。
AI 智能表单自动填写只在输入是非结构化文本、字段映射稳定时才划算。本文给出 DOM 层、接口层、AI 层三种做法的区别,配上可运行的抽取与校验代码,并列出不该上 AI 的三类场景与替代方案。
讲清 jQuery 事件绑定的三种写法:现代项目用 on 方法、老代码认得 bind 与 delegate,并详细说明事件委托与事件冒泡这两个最容易踩的坑。附 jQuery 3.x 实操代码与动态列表场景建议,帮你选对写法少踩坑。
写 JavaScript 时想给数组排序,直接调 sort 常把数字排成 1、10、2、21。本文用带注释的最小示例讲清默认 sort、比较函数数值排序、localeCompare 中文排序三种写法,并给出数字错位、中文乱序、原地改数组的排错清单。跟着示例挑一种验证,你就能稳定排好数组并快速定位失败原因。
JavaScript数组排序默认按字符串比较,数字必须传(a,b)=>a-b。sort原地修改数组,toSorted返回新数组。中文字符串用localeCompare或Intl.Collator,对象多字段用比较器链。比较函数返回负数、零、正数三类结果,不能返回boolean。空值和NaN要显式处理,稳定排序不等于正确排序。