CSS - transition 粗浅记忆
在 CSS 中，transition 是用于实现元素样式平滑过渡的属性，能让元素从一种样式状态（如颜色、尺寸、位置等）逐渐变化到另一种状态，避免样式突变带来的生硬感。它是实现基础动画效果的核心工具，广泛用于 hover 交互、状态切换等场景。 一、transition 核心语法 transition ...
记录---window.close()失效 + Chrome浏览器调试线上代码
写在开头 点赞 + 收藏 学会 情况说明 主系统单点登录点击触发window.open()打开本系统。 是发布生产后的新需求：要求退出登录后直接关闭当前系统页面。 本地运行增加了window.close()方法实现功能，点击退出后页面没反应。 排查过程 官方解析中说明，win ...
React学习笔记（一）
组件化思想 组件 组件是构建 React 应用的独立、可复用的代码块。它接收输入（称为 props），并返回描述UI的 React 元素。 函数组件 vs 类组件 函数组件：一个接受输入，并输出JSX的函数。 类组件：使用class定义，并继承React.Component的类，必须包含一个rend ...
如何用 vxe-table 实现列头筛选，在每一列下方增加一个筛选单元格，可以对数据直接进行渲染，
如何用 vxe-table 实现列头筛选，在每一列下方增加一个筛选单元格，可以对数据直接进行渲染，记得需要最新版本才支持 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gite ...
记录---jsApi支付+h5支付
写在开头 点赞 + 收藏 学会 前言：判断是不是微信内，是微信内就用jsApi支付(屏蔽支付宝)，不是微信内就用H5支付 此实例为vue2实例，需要vue3的宝子可以自行转换，流程上没啥区别 var ua = window.navigator.userAgent.toLowe ...
记录---vue3项目实战 打印、导出PDF
写在开头 点赞 + 收藏 学会 一 维护模板 1 打印模板： <template> <div class="print-content"> <div v-for="item in data.detailList" :key="item.id" class="label-ite ...
vxe-tree-select 树形下拉框当使用懒加载数据时如何回显
vxe-tree-select 树形下拉框当使用懒加载数据时如何回显 当使用懒加载或者当某个选项被删除时，显示自定义回显；比如使用懒加载树列表，由于数据未被加载，这时候已选的数据就不能被回显，导致显示了 value值，而不是 label。 还有一种场景就是组织架构人员选择，当选择某个人员后，可能人员 ...
拥抱新一代 Web 3D 引擎，Three.js 项目快速升级 Galacean 指南
本文从多个维度对比 Galacean 和 Three.js 两款Web3D 引擎的差异，并介绍拟我形象项目从Three.js 切换到 Galacean 以后带来的提升以及项目迁移的心得，为其他 Three.js 项目升级到 Galacean 提供参考。 ...
vxe-table 如何在单元格内容渲染成可点击复制的文本
vxe-table 如何在单元格内容渲染成可点击复制的文本 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table 通过 ce ...
记录---Vue3对接UE，通过MQTT完成通讯
写在开头 点赞 + 收藏 学会 概述 一个基于Vue3的实时视频流显示系统，主要用于连接和显示Unreal Engine (UE) 服务器的实时渲染内容。该页面集成了PixelStreaming技术和MQTT通信协议，提供了完整的视频流控制和交互功能。 主要功能 实时视频流显 ...
记录---用好了 defineProps 才叫会用 Vue3，90% 的写法都错了
写在开头 点赞 + 收藏 学会 Vue 3 的 Composition API 给开发者带来了更强的逻辑组织能力，但很多人用 defineProps 的方式，依然停留在 Vue 2 的“Options 语法心智”。本质上只是把 props: {} 拿出来“提前声明”，并没有真 ...
JavaScript数据网格方案AG Grid 34.2 发布：更灵活的数据结构、更流畅的大数据交互与全新 UI 体验
JavaScript数据网格方案AG Grid 正式发布 34.2 版本，本次更新为开发者带来了更灵活的数据分组方式、更顺畅的大数据集交互体验，以及更直观的 UI 提示与操作反馈。 ...
vxe-table 如果设置表头和表尾单元格文本超出提示框主题色
vxe-table 如果设置表头和表尾单元格文本超出提示框主题色,自定义文本溢出提示的主题色，默认是黑色的，可以通过 tooltipConfig.theme='light' 来设置 查看官网：https://vxetable.cn gitbub：https://github.com/x-extend ...
听歌体验直接拉满！推荐一款高颜值音乐播放器！
SPlayer —— 一个简约的音乐播放器，基于 Vue3 + TypeScript + Naïve UI + Electron 技术栈打造，兼顾了美观的界面和流畅的体验。 ...
记录---前端微服务框架深度对比：无界（Momentum）与乾坤（Qiankun）实战指南
写在开头 点赞 + 收藏 学会 一、引言：为何选择微前端？ 在传统单体前端架构中，随着业务复杂度增加，代码臃肿、协作困难、部署效率低等问题愈发突出。微前端通过将项目拆分为多个独立自治的微应用，解决了这些问题： 技术栈无关：支持 Vue、React、Angular 等框架混合开 ...
如何用 vxe-table 实现2个树表格可以互相拖拽数据
如何用 vxe-table 实现2个树表格可以互相拖拽数据 row-drag-config.isCrossTableDrag 启用跨表格、多表格互相拖拽。 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table g ...
记录---让网页像现实世界一样“拿起来，放进去”
写在开头 点赞 + 收藏 学会 引言 2025年，我们早已习惯用手指滑动屏幕、拖动文件。而这一切流畅体验的背后，HTML5 的 拖拽（Drag and Drop） 功能功不可没。它让网页不再只是“点一点”，而是可以“拖一拖、放一放”，大大提升了交互的直观性和用户体验。 为什么 ...
vxe-table 单元格超出隐藏内容提示使用自定义插槽模板
vxe-table 单元格超出隐藏内容提示使用自定义插槽模板 当内容溢出时显示为省略号，show-overflow 和 show-header-overflow 和 show-footer-overflow 如果需要更灵活的展示，还可以使用自定义提示插槽模板，通过 headert-tooltip、t ...
