前端

朕的剑还未配妥

移动端触摸事件与鼠标事件的触发机制详解在移动端开发中，我们经常会遇到一个现象：一次简单的触摸操作，不仅会触发touch系列事件，还会触发一系列mouse事件，最终甚至会触发click事件。这其实是浏览器为了兼容传统桌面端交互逻辑而设计的"事件模拟机制"。本文将详细解析这一机制的触发顺序、原理及实践建议，并附上完整的测试demo。触发click事件的300ms 延迟问题老生常谈，此处不再赘述

【征文计划】Rokid JSAR 实践指南：打造沉浸式 "声动空间盒" 交互体验本文基于 Rokid JSAR 框架，从开发者视角完整复现一个具备听觉与视觉交互的空间应用 "声动空间盒"。项目通过多音阶音频播放、3D 立方体纹理渲染、GUI 按钮交互等模块，实现了在三维空间中可视化、可点击、可听见的沉浸式体验。开发过程中结合 Babylon.js 渲染管线与 JSAR 空间文档结构，展示了如何以 Web 前端思维快速构建 AR 场景内容，让“空间小程序”真正还原 Web 开发的所见即所得理念。

Portswigger靶场之Exploiting a mass assignment vulnerability通关秘籍这个实验的核心是利用批量赋值 (Mass Assignment) 漏洞，这是Portswigger提供的所需的理论知识。

什么芋泥香蕉330

比 Manus 还好用？这款国产 AI，让 Python 小白也能玩转编程今天给大家推荐一个平替 Manus 的国产开源智能体—— AiPy**AiPy 的核心理念是让大型语言模型（LLM**）能像人类一样自由、主动地使用和执行完整的 Python 环境。

前端学AI：如何写好提示词（prompt）引言在频繁使用各类 AI 工具的过程中，我们不难发现一个关键因素——提示词（Prompt）的质量，往往直接决定了 AI 模型能否准确理解用户意图，进而生成符合预期的内容。很多时候，精心设计一个提示词，其效果甚至优于直接更换更强大的模型。因此，掌握提示词的撰写方法与内在逻辑，已成为高效使用 AI 的必备技能。本文将系统介绍提示词的基本概念、核心特征、功能作用、设计方法以及常见误区，助你从“会用 AI”进阶为“用好 AI”。

前端自动部署项目到服务器前端自动部署项目到服务器完整代码在package.json的scripts中添加一行脚本

猫眼浏览器(Chrome内核增强版浏览器)官方便携版猫眼浏览器是一款以简约安全为目标Chrome内核增强版浏览器，基于最新的Chromium开源内核进行二次优化开发，内置增强的隐私保护设置让您远离被追踪和广告的烦恼。

Vue3.0 学习总结自Vue3.0发布后，借着空闲摸鱼的时间还有下班后的时间，零零散散的看过几篇大佬们总结的Vue3.0的相关内容知识，但是因为公司项目中Vue3.0暂时无法使用，脑子中没有一个很完整地概念，总感觉知识体系是这一块那一块拼凑起来的，所以借着写这篇文章总结一下。之前没仔细看过官网文档，所以这次主要是看文档加自己理解。有哪里不对，还望各位，不吝指教。(PS：这次也算是自己逼着自己分享的，之前想写一点东西，但是总不知要写点什么，算是第一次正儿八经的写🤦‍♂️🤦‍♂️🤦‍♂️。文笔不好，基础不牢，大佬们轻喷🍗

CSS 新特性与未来趋势CSS（层叠样式表）自 1996 年诞生以来，经历了从 CSS1 到 CSS3 的重大演进，现在正朝着模块化的 CSS4+发展。每个新特性都在为 Web 开发带来更强大的表达能力和更好的用户体验。

尘世中一位迷途小书童

🚀 pnpm + Monorepo 实战指南：现代前端项目管理的最佳实践在前端工程化日益复杂的今天，如何高效管理多个相关联的项目？pnpm + Monorepo 组合为我们提供了一个完美的解决方案。本文将深入探讨这个强大组合的实际应用，帮助你构建更高效、更可维护的前端项目架构。

杨超越luckly

HTML应用指南：利用GET请求获取全国中国建设银行网点位置信息中国建设银行（China Construction Bank）作为中国领先的国有大型商业银行，始终坚守"以人民为中心"的发展理念，深入践行"服务大众、促进民生、赋能实体"的使命担当，致力于为个人客户、公司客户及机构客户提供专业、稳健、安全、便捷的综合化、智能化、全球化金融服务。依托"住房租赁、普惠金融、金融科技"三大战略，建设银行持续推进“新金融”行动，深化"智慧银行"与"数字生态"建设，构建起覆盖全国所有地级市、延伸至县域及重点乡镇的庞大线下服务网络，并与手机银行、网上银行、自助终端、远程银行等数字渠道

html 全角空格和半角空格在HTML和网页设计中，空格字符扮演着重要的角色，用于调整文本布局和对齐。其中，  和 &emsp; 是两种常用的空格实体，但它们具有不同的宽度和用途。以下是它们的详细对比：

敲代码的嘎仔

JavaWeb零基础学习Day2——JS & Vue内部脚本：将JS代码定义在HTML页面中外部脚本：将JS代码定义在外部JS文件中，然后引入到HTML页面中

CsharpDev-奶豆哥

jq获取html字符串中的图片逐个修改并覆盖原html的解决方案要使用 jQuery 获取 HTML 字符串中的图片并逐个修改后覆盖原 HTML，可以按照以下步骤实现：

Python性能优化：用这5个鲜为人知的内置函数让你的代码提速50%Python因其简洁易读的语法和丰富的生态系统而广受欢迎，但在性能方面却常常被人诟病。然而，许多开发者并不知道，Python的标准库中隐藏着一些强大的内置函数，这些函数可以显著提升代码的执行效率。本文将深入探讨5个鲜为人知但极具威力的内置函数，通过实际案例展示它们如何帮助你的代码提速50%甚至更多。

Node.js 核心模块与模块化笔记Node.js 采用了模块化系统，允许你将程序拆分为多个独立、可复用的文件（模块）。这使得代码更易于维护、组织和共享。

VSCode源码解密：一行代码解决内存泄漏难题摘要：事件监听忘记移除、定时器没有清理，这些都是前端内存泄漏的常见源头。VSCode通过Disposable模式优雅地解决了这个难题。本文剖析VSCode源码中的IDisposable接口、_register()方法等核心实现，教你用一行代码实现零内存泄漏。

🔥 Vue3 动态 ref 黑科技：一招解决 v-for 中的组件引用难题！💡 前言：你是否遇到过在 v-for 循环中获取组件 ref 总是 undefined 的问题？传统的 onMounted + nextTick 组合拳也救不了你？别慌！这篇文章教你一个Vue高手都在用的黑科技，彻底解决动态组件引用问题！

JavaScript设计模式(九)——装饰器模式 (Decorator)装饰器模式是一种结构型设计模式，允许动态地添加对象功能而不修改其核心代码。在JavaScript中，这一模式显著提升了代码的复用性、灵活性和可维护性。与代理模式不同，装饰器更注重功能扩展而非控制访问，通过包装原始对象来增强其行为，而不是像代理那样控制对对象的访问。对于中级开发者而言，掌握装饰器模式能够帮助你编写更模块化、可扩展的代码，有效应对复杂业务场景下的功能叠加需求。

接着奏乐接着舞。

3D地球可视化教程 - 第3篇：地球动画与相机控制难度: ⭐⭐⭐☆☆ 中级预计时间: 40分钟技术栈: Three.js + GSAP + 数学几何