Ving

使用Webpack、Vite等构建工具打包时，会为静态资源添加hash，确保每次更新都能生成唯一的文件名。然而，当新版本部署后，用户浏览器中可能仍然缓存着旧版本的文件。虽然可...

Ving

传统的表单开发需要手动编写每个表单项的HTML结构和绑定逻辑，当表单数量较多时，会存在大量重复代码。本组件采用配置驱动的思想，通过JSON配置即可生成完整的表单界面 核心功能...

Ving

一、基础相关：JS基础：获取元素尺寸[https://www.jianshu.com/p/acc2f8f05078]JS基础：setInterval 计时不准问题[https...

Ving

1、dom.style.width：DOM树的内联样式 直接读取元素内联样式属性，仅反映 HTML 标签中 style 属性定义的值，无法获取外部CSS或内嵌样式表设置的宽度...

Ving

合并单元格原理：rowSpan 属性：通过设置 rowSpan 控制单元格合并的行数隐藏单元格：非首行单元格设置 rowSpan: 0 实现隐藏效果分组计算：基于主分组字段计...

Ving

方式一：使用 defineComponent 和 h 函数封装选择器组件 优势：清晰的结构和完整的生命周期；易于扩展和维护；适合复杂的业务组件封装 页面使用： 方式二：使用 ...

Ving

项目技术栈：vue、vite、ts官网地址：https://cloud.tencent.com/act/event/video_BestPractices[https://c...

Ving

为了不在每个组件中重复编写路径处理逻辑，因此提取全局图片 URL 处理方法。 如果已经是完整的 HTTP 或 HTTPS 链接，则直接使用；如果是相对路径，则自动添加配置的资...

Ving

问题背景： 在实际前端开发中，当页面包含多个按钮时，代码往往会出现大量重复的加载状态管理逻辑，不仅会造成代码冗余，而且会导致遗漏状态或异常处理不完善 解决方案： 通过封装一个...

Ving

问题背景 在迭代一个基于 Node.js 和 Express 的Web应用时，遇到一个影响用户体验的问题：当第三方接口不可用或返回异常时，整个页面会直接跳转到500错误白屏页...

Ving

一、报错信息：[获取文件失败] 以下文件已被配置忽略打包上传，模拟器无法获取 解决方法1、取消自动过滤无依赖文件的设置修改配置文件：在微信开发者工具的project.conf...

Ving

一、问题描述使用 Vue3 + TypeScript + Vite 开发一个前端项目。当启动项目后，Vite 提供了两个访问地址，如：Network: http://119....

Ving

需求背景：在构建动态表格时，需要根据不同的状态显示不同的单元格内容。即：在 index.vue 中引入了自定义的 Table 组件，并通过该组件的子组件 TableBody ...

Ving

下述代码只演示了 el-select 的滚动加载。其他属性 如 loading、remote、 filterable 等，若需要可自行添加 1、添加 el-select 的 ...

Ving

当浏览器切换到其他页面或被最小化时，由于浏览器自身的优化资源策略影响，会将非活动标签页的定时器降低优先级，因此当恢复活动状态时就可能导致 setInterval 的计时不准确...

Ving

在 Vue 的组件通信中，直接修改 props 中的对象属性不会触发响应式更新或向父组件发射事件。因此通过封装 useVModel.js 解决该问题。 在 set 拦截器中，...

Ving

假定一个数组： 方式一 通过 Object.prototype.toString 缺点：利用 toStringTag 更改字符值，可造成误判 方式二 通过 instanceo...

Ving

IntersectionObserver用于监测指定元素与其祖先元素或可视区域的交叉状态。可以动态地监听元素的可见性，从而实现一些滚动监听、懒加载、无限滚动等常见的交互效果。...

Ving

BroadcastChannel API用于在浏览器中实现跨标签页通信。它允许不同标签页之间以及同一浏览器会话中的所有标签页之间共享消息和数据。 创建通道：在一个标签页中，通...