问题 在编写 React 代码时，如果你希望多次更新状态，可能会尝试使用 handleClickWrong 中的方式。然而，你会发现实际效果并不如预期：count 只增加了 1，而不是 3。 const root = document.getElementById('root'); const Ap ...

引言 在工作中我经常需要处理一些复杂、动态表单，但是随着需求不断迭代，我们也许会发现曾经两三百行的.vue文件现在不知不觉到了两千行，三千行，甚至更多... 这对于一个需要长期维护的项目，无疑是增加了很多难度。 因此，为了减小文件大小，优化表单组织的结构，我在日常的开发中实践出一种基于组件的表单拆分 ...

在做项目的时候，Web端需要适配移动端，且部分参数需要判断对应系统或浏览器。 在IOS中，因为高版本的系统Safari浏览器采用了Mac的内核，所以导致普通的判断无法识别到对应系统。(userAgent.match(/(Macintosh)/) && navigator.maxTouchPoints ...

Mall-Vue —— 一个基于 VUE + VUEX + iView 做的一个电商网站前端项目。这个项目是一个纯前端项目，实现了首页、商品页面、购物车等大部分常用的电商网站页面功能。 ...

本文介绍了内存管理的基础知识，重点分析了栈区与堆区的区别，并详细讨论了V8引擎的内存管理机制，包括垃圾回收策略和优化技术。文章通过实例代码展示了堆区和栈区的内存变化，并探讨了v8如何通过并行、增量和并发技术优化垃圾回收性能。 ...

本文主要内容： screenX 和 screenY， clientX 和 clientY / x 和 y pageX 和 pageY layerX 和 layerY 在处理鼠标事件（MouseEvent）时，了解不同的坐标系是非常重要的。常见的坐标系包括屏幕坐标（screen）、客户端坐标（clie ...

一、加载问题 用高德地图做了个进京证路线规划的功能，官网也是有 React 代码示例。但是吧，这个Demo有问题，地图是能加载成功，但是其他功能再用 map 这个变量肯定不行，果不其然是null，处理也简单，把公共变量都管理起来就行了。 const [map, setMap] = useState( ...

欧阳坚持每周更新一篇高质量文章半年后的收益：收入1380.27元、电子书一本、微信技术群418人、微信好友459人、文章38篇 ...

本文比较了NPM、Yarn 和 pnpm 三种包管理工具的特点，重点分析了它们在安装速度、依赖管理、磁盘空间使用、依赖冲突处理等方面的差异，重点介绍了pnpm的依赖组织结构。 ...

前言 在现代 Web 开发中，WebAssembly (WASM) 已成为一种强大的工具。它使得开发者可以在浏览器中运行高性能的代码，跨越传统的 JavaScript 性能限制。Rust 语言因其高效性和内存安全性，成为了编写 WASM 模块的热门选择。本文将介绍如何将 Rust 代码编译为 Web ...

什么是Web Component Web Component是一套Web浏览器的技术和规范，能够让开发者定制自己的HTML元素 来自MDN的描述： Web Component 是一套不同的技术，允许你创建可重用的定制元素（它们的功能封装在你的代码之外）并且在你的 web 应用中使用它们。 Web C ...

前言 在上一篇 给我5分钟，保证教会你在vue3中动态加载远程组件文章中，我们通过defineAsyncComponent实现了动态加载远程组件。这篇文章我们将通过debug源码的方式来带你搞清楚defineAsyncComponent是如何实现异步组件的。注：本文使用的vue版本为3.4.19 欧 ...

JavaScript 共有8种数据类型，可以分为两类：基本数据类型和复杂数据类型。 1. 基本数据类型（Primitive Types） 这些数据类型是不可变的，意味着一旦创建了它们的值，就无法更改。 Number: 用于表示整数和浮点数。例如：42, 3.14, -7 BigInt: 用于表示任意 ...

JavaScript 作为一种编程语言，经历了多次发展与演变，以下是其主要历史里程碑： 1. 诞生与早期发展（1995-1999） 1995年: JavaScript 由 Brendan Eich 在网景公司（Netscape）发明，最初被称为 Mocha，后来改名为 LiveScript，最终定名 ...

在这个快速发展的数字时代，客服机器人已经成为许多网站和应用程序的标准配置。它们能够为用户提供即时帮助，节省人力资源，并提高用户体验。本文将引导你如何使用HTML和JavaScript创建一个简单的基于正则表达式的客服机器人。 目录 1. 简介 2. 准备工作 3. 创建HTML结构 4. 编写Jav ...

HTML中用于引文、引用和定义的几个重要元素。这些元素不仅帮助改善文档的可读性和结构，还提供了额外的语义信息，有助于搜索引擎优化（SEO）和辅助技术（如屏幕阅读器）的理解。 以下是您提到的每个元素的简要回顾和额外说明： <q> 元素 用途：定义短的行内引用。 浏览器表现：通常会自动在引用的文本周围添 ...

HTML 提供了丰富的元素来格式化文本和展示内容，这些元素不仅让网页内容更加丰富多彩，还提高了内容的可读性和表达力。下面是对您提到的一些文本格式化标签和“计算机输出”标签的进一步解释和说明： 文本格式化标签 <b> 和 <strong>：两者都用于加粗文本，但 <strong> 在语义上更强调文本的 ...

摘要：目前 OpenTiny HUICharts 已经成功落地在华为内部100多个产品中，持续提升了用户的可视化体验。 本文分享自华为云社区《OpenTiny HUICharts 正式开源发布，一个简单、易上手的图表组件库》，作者： OpenTiny。 引言 大家好！ 我们非常高兴地跟大家宣布，今天 ...

我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：佳岚 可编辑表格在数栈产品中是一种比较常见的表单数据交互方式，一般都支持动态的新增、删除、排序等基础功能。 交互分类 可编辑表格一般为两种交互形式： 实时保存 ...

1，左右布局 - 左侧固定宽带，右侧自适应剩余的宽度。 - 中间一条分割线，可以拖拉，自适应调整左右侧的宽度。 - 左侧的高度超长自动出现横向滚动条，左侧宽度超长，自动出现竖向滚动条。 2，上中下布局 - 最上面的 搜索条件 div 固定占用 100 px 高度，下面的 查询条件 div 固定... ...