‍ 写在开头 点赞 + 收藏 学会 CSS3 pointer-events 属性：实现可穿透图层的鼠标事件 在网页开发中，我们通常会遇到多个元素重叠的情况。在这种情况下，如何使得被遮挡的元素仍然能够响应鼠标事件呢？CSS3 引入了 pointer-events 属性，允许开发者控 ...

一个为博客标题设计的视差滚动背景效果。通过叠加多层透明PNG图片，并设置不同的滚动速度（外层移动快、内层移动慢），实现了3D立体视觉效果。文章包含示意图展示原理，并提供了完整的Vue实现代码（HTML、JS、CSS三部分）。代码中通过监听滚动事件，为不同层级的图片设置不同的transform值，同时... ...

如果使用 vxe-table 实现全键盘操作，按键切换复选框单选框的选中状态，当遇到特点需求，比如需要通过按键来选中复选框或单选框时，该功能就非常有用了。 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table g ...

摘要：Vue+Vite项目使用Electron打包时出现ERR_CONNECTION_REFUSED错误，原因是未正确引用构建后的静态资源。关键解决步骤：1）运行npm run build生成dist目录；2）修改Electron配置引用dist内的资源；3）确保build过程中修复所有报错。注意构... ...

介绍 我没有找到VitePress的Github角标的插件，所以做了后面的嵌入流程，方案是在主题布局中直接引入。如果不知道这两个项目的同学可以看看介绍部分 github-corner 可以在页面的四角显示Github角标，可以自定义大小、背景颜色。当鼠标移动到这个角标时还能看到Github摇尾巴的动 ...

Pixelium Design：Vue3 的像素风 UI 组件库 Pixelium Design 是一个基于 Vue 3 的像素风 UI 组件库。我们从早期像素游戏的经典美学中汲取灵感，为现代 Web 应用带来复古风格的界面和体验。该项目的初衷是为开发者提供一系列可复用、高效能的像素风组件，让 ...

MikuTools —— 一个开源的在线工具集合，开发了图片处理、文本转换、编程开发等数十种工具。采用 Vue 全家桶 + Nuxt.js 技术栈开发，界面简洁清爽，操作简单直观。 ...

vue 下拉框 vxe-select 实现人员选择下拉列表 使用自定义选项插槽的方式，可以灵活的实现各种类型的下拉选择 官网：https://vxeui.com github：https://github.com/x-extends/vxe-pc-ui gitee：https://gitee.com ...

在实际业务中，主从表的情况也是很常见的，如订单和订单明细，报价单和报价单明细，工艺和工艺路线，进货单和进货单明细等等，很常见的处理类型。 主从表一般涉及两个以上的表，一个是主表，其他的是从表的，在实际情况下，一般包含两个表较多，我们这里以两个表的主从表关系进行分析处理。本篇随笔介绍基于Vue3+El... ...

作为全球领先的前端表格控件之一，AG Grid 再次引领创新。近日，AG Grid正式发布 AG MCP（Model Context Protocol Server） —— 一个基于开源协议的智能接口，旨在让各类AI模型（如Claude、Cursor、Copilot等）能够直接访问最新、最准确的AG... ...

‍ 写在开头 点赞 + 收藏 学会 为何网站要升级为https 原因有以下几点: 1. 避免浏览器的不安全的警告 浏览器对于http的网站会在地址栏明确标记【不安全】字样 这样直接降低用户对网站的信任度 造成用户流失 甚至可能被用户误认为是钓鱼网站 如下图，是笔者的网站没有升级h ...

HTML 版本不停的更新迭代，也导致浏览器支持的写法眼花缭乱，就拿 script 标签来说，刚刚入行的那会儿就只知道用来写内联的 js 代码，后来又学到了引入 js 文件，ES 模块规范化之后又知道能用来引入模块化的 js 代码，可这就是它的全部了吗？？ 然而...并不是！！！ 各种用法 看看 sc ...

vue-pure-admin —— 一款开源免费且开箱即用的中后台管理系统模版，完全采用 ECMAScript 模块（ESM）规范来编写和组织代码，使用了最新的 Vue3 主流技术开发。 ...

vxe-table 实现列头筛选自定义插槽模板，自定义输入框筛选数据 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table ...

在 CSS 中，transition 是用于实现元素样式平滑过渡的属性，能让元素从一种样式状态（如颜色、尺寸、位置等）逐渐变化到另一种状态，避免样式突变带来的生硬感。它是实现基础动画效果的核心工具，广泛用于 hover 交互、状态切换等场景。 一、transition 核心语法 transition ...

scss 转 css 在线转换 https://33tool.com/scss_to_css/ 变量 $primary-color: #000; .main1 { background-color: $primary-color; } 一、嵌套 1.1 父选择器 & (Referencing Par ...

‍ 写在开头 点赞 + 收藏 学会 情况说明 主系统单点登录点击触发window.open()打开本系统。 是发布生产后的新需求：要求退出登录后直接关闭当前系统页面。 本地运行增加了window.close()方法实现功能，点击退出后页面没反应。 排查过程 官方解析中说明，win ...

组件化思想 组件 组件是构建 React 应用的独立、可复用的代码块。它接收输入（称为 props），并返回描述UI的 React 元素。 函数组件 vs 类组件 函数组件：一个接受输入，并输出JSX的函数。 类组件：使用class定义，并继承React.Component的类，必须包含一个rend ...

如何用 vxe-table 实现列头筛选，在每一列下方增加一个筛选单元格，可以对数据直接进行渲染，记得需要最新版本才支持 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gite ...

‍ 写在开头 点赞 + 收藏 学会 前言：判断是不是微信内，是微信内就用jsApi支付(屏蔽支付宝)，不是微信内就用H5支付 此实例为vue2实例，需要vue3的宝子可以自行转换，流程上没啥区别 var ua = window.navigator.userAgent.toLowe ...