暂无搜索历史
在维护一个后台管理系统的数据导出功能时,我遇到了一个诡异的问题:前端发起导出请求后,接口返回的 Excel 文件总是只有部分数据。排查后发现,代码在 Array...
做后台表单时经常遇到这种需求:输入框获得焦点或者校验失败时,外层包裹容器要变色、出现边框或提示。以前的做法一般是监听 focus/blur 或配合校验库在父级上...
媒体查询一直是我们做响应式布局的主要手段,但它只能基于视口宽度做判断。当页面中出现侧边栏折叠、卡片容器宽度变化这类场景时,组件拿不到自己所在容器的实际尺寸,只能...
在 Vue 3 项目里做表单联动时,我遇到一个很典型的问题:在 watch 回调里读 el.offsetHeight 或者调子组件暴露的 scrollToBot...
最近在排查一个线上问题时,发现一个组件的定时器在卸载后仍然在跑,导致内存泄漏和额外的请求。代码看起来很正常:useEffect 里启动了 setInterval...
做商品列表页或者信息流的时候,图片懒加载几乎是绕不开的需求。早几年大家习惯监听 scroll 事件,配合 getBoundingClientRect 手动计算元...
在维护一个订单状态组件时,我经常会写出这样一段逻辑:根据后端返回的 status 字段渲染不同按钮。起初用 if/else 判断,后来改成 switch,但某天...
在 Vue 3 的日常开发里,watch 和 watchEffect 用来响应数据变化并执行副作用。当副作用里包含异步请求时,一个隐蔽但很常见的问题就会出现:多...
本地开发 Node 服务时,改完代码再手动 Ctrl+C、重新 node app.js,一天下来能按上百次。虽然 nodemon 已经能解决大部分场景,但它默认...
在 Vue 3 项目里做数据监听时,我遇到过好几次这样的现象:用 reactive 定义一个嵌套对象,通过 watch 监听它内部的某个属性,修改这个属性后页面...
一个后台管理页面在滚动时明显掉帧,尤其是表格数据多的时候。用 Chrome Performance 录制后发现,滚动事件处理函数里用了 setTimeout 做...
最近在维护一个数据看板项目时,遇到一个 TypeScript 类型报错,当时觉得明明逻辑没问题,编译却过不去。场景很简单:一个函数根据传入的字符串字面量决定返回...
页面滚动时偶尔出现掉帧,点击按钮后 UI 要愣一下才响应,这类现象多半和主线程被长时间占用有关。浏览器提供了 Long Tasks API,可以监测执行时间超过...
最近在做一个后台管理项目时,遇到一个挺典型的问题:父组件把从接口拿到的表单数据对象通过 v-model 传给子组件,子组件里用 props 接收后直接修改了某个...
做内容平台或者广告系统时,经常会遇到「元素进入可视区域后上报曝光」的需求。早期实现基本都依赖 scroll 事件配合 getBoundingClientRect...
在 Vue 3 的组合式 API 里,watch 和 watchEffect 是日常开发中处理副作用的两个核心函数。很多人在用 watch 监听一个响应式对象里...
在 Vue 3 组合式 API 里,从 reactive 对象上直接解构出来的属性会失去响应式,这是很多人从选项式 API 迁移过来时踩到的坑。典型场景是父组件...
在维护一个中型前端项目时,我遇到了一个很隐蔽的问题:某个工具函数在本地开发时运行正常,但打包上线后偶尔报 Cannot read property 'forma...
在 Vue 3 的日常开发里,watch 和 watchEffect 看起来都能监听响应式数据变化并执行副作用,但很多人在实际项目中会遇到一种情况:明明修改了某...
最近在项目里封装一个带格式化的输入框组件,父组件用 v-model 绑定值,子组件内部用 props.modelValue 接收,再通过 emit('updat...
暂未填写公司和职称
暂未填写个人简介
暂未填写技能专长
暂未填写学校和专业
暂未填写个人网址
暂未填写所在城市