前端开发综合论坛 今日: 0|主題: 906|排名: 71 

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 🎨 方案1：BroadCast Channel（对讲机频道） 🛠️ 方案2：Service Worker（隐形邮差） 📦 方案3：LocalStorage（共享小本本） 👨‍💻 方案4：Shared Worker（共享办公室） 🕵️‍♂️ 方案5-6：轮询侦查队（IndexedDB/Cookie） 👨‍👦 方案7：window.open（父子悄悄话） 🌐 ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 前言 在JavaScript学习中，this绝对是“让人又爱又恨”的存在——它看似简单，用起来却总让人摸不着头脑，一不小心就踩坑。有人说它是“动态代词”，有人说它是“隐式传递的对象引用”，其实只要摸清它的绑定规则，就能轻松驾驭！今天就结合具体代码实例，从“为什么有this ...

最近，有一个比较火的很有趣且灵动的登录页火了。 角色视觉跟随鼠标 输入框打字时扯脖子瞅 显示密码明文时避开视线 已经有大神（katavii）复刻了动画效果，并在github上开源了：https://github.com/katavii/animated-login ，基于React实现。 如果你的项目是用Vue开发的，可以考虑用AI将此项目转换成了Vue3的语法写法。 ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 别再只靠“禁用按钮”了！真正的防重提交，需要前后端协同。 在电商下单、用户注册、支付发起等关键场景中，用户连点多次“提交”按钮是再常见不过的行为。 轻则造成数据库写入多条重复记录，重则导致用户被扣款两次、库存超卖——这绝不是危言耸听。 那么，前端该如何有效 ...

大家好，我是 Java陈序员。 对于依赖 Claude 进行代码开发、内容创作的开发者来说，稳定且安全的访问体验，直接决定了工作效率。但官方服务的地区限制、第三方镜像的隐私风险、拼车套餐的成本模糊，成了绕不开的坎。 今天，给大家介绍一款开源的 Claude 中转服务，适用于自建 Claude 镜像！ 关注微信公众号：【Java陈序员 ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 HTML 早已不再是简单的“超文本标记”，它更像是一个连接底层硬件、浏览器内核与用户交互的系统级接口集合。 在现代 Web 架构中，很多原本依赖庞大 JS 库（如 jQuery, Axios, Socket.io）实现的功能，现在通过原生 HTML API 就能以更低的功耗和更高的性能完成。 一、 Popover ...

在使用 vxe-form 表单配置渲染时，日期范围选择器（VxeDateRangePicker）支持多种数据格式绑定，包括字符串类型、数组类型以及两个独立字段的方式。本文将详细介绍这三种用法的配置方法。 三种数据绑定方式 通过 itemRender.name='VxeDateRangePicker' 指定渲染控件 字符串格式（逗号分隔） 适用于需要将起止日期以逗号分隔 ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 ”浏览器屏幕上看的好好的，为什么打印出来就变了？” 这句话几乎每个做过打印需求的前端开发者都说过。字体被替换、字号失控、图标变方框，这些问题看似玄学，背后却有清晰的技术原因。本文将从打印需求中常遇到的三个问题来解释其背后的原理和对应的解决方法。 字体被替换- ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 你是不是也遇到过这样的场景？面试官抛出一个闭包问题，你支支吾吾答不上来；团队代码review时，看到同事用的Promise链一脸懵逼；明明功能实现了，性能却总是差那么一点... 别慌！今天我整理了12个JavaScript核心概念，这些都是2024年各大厂面试的高频考点，也是日常开发中真 ...

搜索"网页天气效果"，你大概率会找到两类东西：一类是纯 CSS 写的下雨动画，十几行代码，@keyframes 让 div 从上往下飘；另一类是"调用天气 API 展示温度"的教程，跟视觉效果没半点关系。 真正意义上的"沉浸式天气可视化"——雨滴打到界面元素上溅射、雪花堆积在导航栏、镜头光斑随太阳位置偏移——这类东西，中文社区几乎 ...

语法格式 <标签名 属性1=“属性值1” 属性2....>内容</标签名> 注意 css文件可以复用，只要修改这个文件，链接这个文件的页面的样式也改变 新建页面先写开头 写的时候注意注释：ctrl+/ 添加注释的快捷键 子文件的命名：以sbu开头。 调用样式的三种方法:引入外部样式的方法、内部样式、行内样式 当样式设置发生冲突时，就近 ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 你是否曾经想过，在浏览器中直接点击一个邮件附件，就能预览完整的邮件内容——包括发件人、收件人、抄送、正文甚至内嵌图片？ 今天，我们要揭秘一个基于 Vue 3 和 Vant UI 的邮件预览上传组件，它不仅能上传 .eml 格式的邮件文件，还能在弹窗中完整渲染邮件内容，甚至支持附 ...

JS 中的浮点数计算经常会看到这样问题：为什么 0.1 + 0.2 不等于 0.3 ？ 在浏览器控制台执行 0.1 + 0.2 会得到一个奇怪的结果：0.30000000000000004 为何结果会是这么奇怪的一个数字？人类瞄一眼就知道的结果，为啥交给 JS 会得出这么奇怪的结果？ 都知道程序的世界就是二进制的天下，在电脑的 CPU 运算时，所有的十进制都 ...

在开发后台管理系统时，经常会遇到需要展示复杂表格的场景，其中表头合并（多级表头、不规则合并）是一项常见需求。vxe-table 是一款功能强大的 Vue 表格组件，它不仅支持树形分组表头，还提供了自定义列头合并的功能，允许开发者灵活地将任意单元格进行合并，满足各种复杂的表头设计。 形分组表头 vs 自定义合并表头 vxe-t ...

在使用 vxe-table 表格组件时，默认情况下，当用户点击某一行时，该行会高亮显示（即成为当前行），并且无法通过再次点击来取消高亮。这种交互适用于需要始终选中一行的场景。 但在某些业务场景下，可能需要允许用户取消选中当前高亮的行（例如，允许不选中任何行）。vxe-table 提供了灵活的配置来实现这一需求 实现方式 通 ...

React/Vue项目怎么写AGENTS.md 开头先说说 前面两篇把基础概念讲完了，这篇我们来点实在的，专门聊聊前端项目怎么写AGENTS.md。 我自己在前端项目里踩过不少坑。最开始写AGENTS.md的时候，我把后端那一套搬过来，结果AI该不会的还是不会——它不知道前端用什么构建工具、组件怎么组织、样式怎么写。后来慢慢摸索，才总结出 ...

vue表格vxe-table如何获取拖拽后的行序号，通过 row-config.drag 和列设置 drag-sort 启用行拖拽排序功能 通过调用 getFullData 方法获取拖拽后的数据，遍历数据得到序号 <template> <div> <vxe-button status="success" @click="resultEvent">获取拖拽后序号</vxe-button> <vxe-grid ref="gridRef" v-bind="gri ...

vue甘特图 vxe-gantt 如何实现双击连接线自动删除线功能，支持二次确认 https://gantt.vxeui.com 配置说明 实现该功能主要依赖 taskLinkConfig 对象中的两个属性： isDblclickToRemove 说明：开启/关闭双击删除线的功能。设置为 true 时，用户双击依赖线会触发删除逻辑。 beforeRemoveMethod 说明：删除前的拦截钩子。如 ...

大家好，我是 Java陈序员。 在日常生活中，你是否常常遇到如下场景： “下班到家不想点外卖，却不知道用现有食材做什么” “囤的食材快过期，翻遍 APP 也找不到适配的菜谱” “厨房新手怕翻车，想找只用平底锅/电饭煲就能做的菜” 今天，给大家介绍一款开源菜谱工具，帮助你利用现有食材生成菜谱，解决今天吃什么的“世纪 ...

Web前端开发课堂笔记 一、 工具准备 1.1 开发工具：HBuilder 操作：新建项目 → 选择 Web项目。 项目存放路径：D:\web\（如果该文件夹不存在，请先新建）。 项目命名：建议使用自己的英文名或姓名全拼。 1.2 浏览器环境 核心要求：安装 谷歌浏览器（Chrome）。 测试原则： 先保证代码在 Chrome 上正常显示（行业标准） ...