前端开发
刷新
Webpack 核心流程

博主头像 我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：霜序 三个阶段 初始化阶段 初始化参数：从配置文件、配置对象、shell 参数中读取，与默认的配置参数结合得出最后的参数。 创建编译器对象：通过上一步得到的参 ...

Tree组件的快速定位更新节点的状态,以及修改节点的数据属性等操作

当我们点击树节点的时候我们常常只能获得树的id，那么我么如何获快速定位到树节点的内容呢，除此之外，当树已经存在时，但是缺少我们想要的内容时，我们想在树节点上添加我们需要的额外的内容时该怎么办，那么就是用以下方法可以快速定位到我们需要的节点并可以快速添加内容 ...

神了！两个开源的高仿外卖项目！

博主头像 大家好，我是 Java陈序员。 今天，给大家推荐两个高仿的外卖项目！ 关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。 高仿饿了么 项目简介 vue2-elm —— 一个基于 Vue2 + Vuex 构建具有 45 个页面的高仿饿了么项目，涉及注册 ...

[vue3] vue3更新组件流程与diff算法

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

Echarts 5 动态按需引入图表

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

CSS2基础（part-1）

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

关于博客园装修教程

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

为什么 useState 多次更新不生效？

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

我是如何使用 vue2+element-ui 处理复杂表单，避免单文件过大的问题

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

JavaScript判断系统和浏览器

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

[JS] 内存管理与V8垃圾回收机制

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

MoseEvent 中的几种坐标系

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

React 高德地图 进京证（一）

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

[pnpm] pnpm 与 npm/yarn 的对比

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

将 Rust 代码编译为 WASM

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

<1···373839···50>