Vue3 中的 patch 函数结合 diff 算法，通过比较新旧 vnode 序列，优化组件更新流程。diff 算法复用旧节点并最小化移动操作，利用最长递增子序列算法提升渲染性能，可以有效减少创建和销毁节点的开销。 ...

官网提供的按需引入方法为全量按需引入，在打包分离中，仍旧存在使用不到的图表被打包进去。 例如：组件A使用了折线图、柱状图，组件B只用到了折线图，但是打包组件B的时候，柱状图也会被打包进去。 本文提供一种动态按需引入的思路，使得只用到折线图的组件B，打包的时候只打包折线图，不会将组件A用到的柱状图也打 ...

CSS2基础 基础 简介 【全称】Cascading Style Sheets，又名层叠样式表 层叠：一层一层涂上去 表：列表 样式：如文字大小，颜色，元素宽高等。 CSS 描述了在屏幕、纸质、音频等其他媒体上的元素应该如何被渲染的问题。 语言类型 标记语言，为HTML结构美化样式，实现语义与效果的 ...

首页样式图 以下是关于装修的选择 博客侧边栏公告 <script type="text/javascript"> window.cnblogsConfig = { GhVersions : 'v1.3.3', // 版本 blogUser : "Mr.小扎仙森", // 用户名 blogAvatar ...

有没有一种完美的方案，从服务端获取数据的逻辑放在子组件中，并且在获取数据的期间让子组件“暂停”一下，先不去渲染，等到数据请求完成后再第一次去渲染子组件呢？ ...

问题 在编写 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 ...