懒羊羊我小弟-CSDN博客

原创手写符合Promise/A+规范的Promise类

本文围绕手写符合 Promise/A + 规范的 Promise 类展开，阐述核心架构设计，包括三态机制、构造函数逻辑；解析异步调度系统，实现微任务调度与回调队列触发；说明链式调用原理及值穿透实现；介绍静态方法功能。给出完整代码及基础调用、异常处理、并发控制等应用场景示例。亮点在于严格状态控制、完善错误处理、优化异步调度与链式调用支持，可作为学习 Promise 原理参考，建议结合官方测试套件验证。

2025-05-13 15:26:44 379

原创 Promise/A+ 规范中文解读

Promise/A + 是 JavaScript Promise 标准，旨在定义then方法行为以确保互操作性。文档介绍了 Promise、Thenable 等术语，阐述 Promise 的状态、then方法及解决过程等核心规范，还提及注释与实现细节，指出规范通过标准化then方法，提供可预测行为模型，确保不同实现的互操作性，为开发者构建异步处理机制提供参考。

2025-05-12 15:46:51 939

原创使用 ECharts GL 实现交互式 3D 饼图：技术解析与实践

本文基于 Vue 3 与 ECharts GL，实现交互式 3D 饼图。通过参数方程构建立体扇形与底座，实现立体视觉效果；结合点击选中位移、悬停高亮放大等动态交互设计，增强用户体验；采用混合渲染技术，融合 3D 曲面与 2D 饼图标签，并通过暗色背景搭配网格纹理提升科技感。同时介绍环境搭建、事件处理、样式优化等核心技术，给出性能优化建议与完整代码示例，为开发者快速构建强交互性 3D 可视化组件提供参考。

2025-05-09 20:31:16 669

原创 ES6 Map/WeakMap/Set/WeakSet 全解指南

本文是 ES6 中 Map、WeakMap、Set、WeakSet 的全解指南。介绍其设计思想，对比传统数据结构的优势及四大对象间特性差异，详解实例方法与属性。结合 DOM 节点元数据存储、私有属性实现等场景阐述使用技巧，给出性能优化策略与内存管理建议。通过对比表、决策树等总结不同特性与适用场景，为开发者在不同需求下选择合适的数据结构提供参考。

2025-04-26 16:11:45 1086

原创 React Router v7 从入门到精通指南

本文是 React Router v7.5.0 从入门到精通指南。涵盖设计思想与核心原理、安装与基础配置、核心 API 解析等内容，包括多级路由配置实践、优化方案与高级技巧、注意事项及最佳实践，还介绍了高级路由模式、数据流管理、微前端路由、性能监控、TypeScript 集成、移动端处理、生态工具链整合等，最后展望未来演进方向，如 React Server Components 集成、智能化预加载。

2025-04-26 15:04:22 1377

原创 ECharts 关系图表开发指南与 Vue3 组件封装

本文介绍 ECharts 关系图配置与使用，涵盖核心配置解析，包括基础与完整配置项、Force 布局参数等；讲解事件监听处理、高级样式配置；介绍响应式与性能优化方法，如自适应容器、大数据优化；进行 Vue3 组件封装，包括组件实现、使用示例及点击节点关闭子节点功能；还给出数据格式化、性能优化、交互增强等最佳实践技巧，为 ECharts 关系图的使用提供全面指导。

2025-04-23 20:49:07 491

原创 React JSX 语法深度解析与最佳实践

本文深度解析 React JSX 语法，涵盖编译机制（转换为React.createElement）、属性规范（className替代class等）、子元素处理（文本、表达式、数组渲染等）、高级渲染模式（条件渲染、性能优化如key正确使用）、安全防御（XSS 防护）及工程化最佳实践（代码组织、ESLint 等工具）。通过原理剖析、示例与错误排查，助开发者掌握 JSX 核心规则，规避陷阱，构建规范代码

2025-04-17 21:52:27 392

原创 Vue与React组件化设计对比

本文对比 Vue 与 React 的组件化设计。在模板语法上，Vue 用基于 HTML 的模板，React 采用 JSX；数据管理中，Vue 支持双向绑定，React 是单向数据流，且状态管理方案各有特点。组件通信与复用、性能优化策略、生态系统也存在差异。通过计数器组件实例展示实现方式，总结得出 Vue 易用适合中小项目，React 灵活利于复杂应用，开发者应依项目需求等综合选择。

2025-04-17 17:41:41 1074

原创深入浅出 JavaScript 拖拽 API：从基础到实战

本文介绍 HTML5 原生拖拽 API 及应用。其核心概念包括拖拽源和放置目标两个角色，开始拖拽、拖拽中、进入目标区域、释放元素四个阶段。基础使用步骤为标记元素可拖拽并监听相关事件。实战展示了文件拖拽上传和拖拽排序的代码。还介绍了自定义拖拽图像、跨窗口拖拽等高级功能。注意浏览器兼容性，移动端支持差，要阻止 dragover 默认行为。核心要点为标记可拖拽元素、用事件传数据、利用 dataTransfer 管理内容和效果。

2025-04-17 14:39:23 841

原创前端跨页面通信完全指南

本文围绕前端跨页面通信展开，从同源页面、不同源页面、父子框架三个维度，详细介绍如 Broadcast Channel API、LocalStorage 事件、Window.postMessage 等多种实现方案。提供代码示例，对比各方案在适用场景、数据量、实时性、兼容性方面的表现，并给出选型建议，同时强调跨页面通信中的安全注意事项，助力构建高效可靠的通信系统。

2025-04-08 21:08:36 945

原创瀑布流布局的实现方式

本文聚焦瀑布流布局实现。其以参差不齐多栏排列，页面滚动时新元素持续加载，能充分利用空间。核心原理含多列布局、元素精准定位及动态加载。通过 JS+flex、grid 等具体方案可实现，还需注重响应式与性能优化，为开发者打造高效适配的瀑布流布局页面提供思路。

2025-04-07 10:26:43 621

原创 CSS-BFC（块级格式化上下文）

BFC 即块级格式化上下文，可类比快递仓库，是独立渲染区域。它通过根元素、浮动、绝对定位等 7 种条件触发。核心特点为内部布局独立、元素垂直排列等。能解决外边距合并、清除浮动、阻止元素被覆盖、实现自适应布局及隔离布局环境等问题，广泛用于防止父元素高度塌陷、解决垂直外边距合并等场景。使用时要注意避免滥用、关注性能等，与 IFC、FFC、GFC 等格式化上下文各有特点与用途。

2025-03-28 18:00:03 763

原创 CSS回顾-Flex弹性盒布局

Flex 弹性盒布局是 CSS3 中实现复杂网页布局的便捷方案。将其比作玩具收纳箱，可通过主轴与交叉轴排列 Flex 项目。容器属性涵盖声明容器、设置主轴方向、控制换行及多种对齐方式；项目属性可操控单个元素排序、缩放等。借助它能实现水平垂直居中、等宽三栏等经典布局，使用时记好口诀，注意旧版浏览器前缀，优先用于移动端，避免滥用，能有效提升网页布局效率与适配性。

2025-03-28 16:04:09 1356

原创前端本地储存的方式汇总

本文汇总前端本地储存方式。Web 浏览器端有 Cookie、Web Storage（localStorage、sessionStorage）、IndexedDB、Cache API 等，介绍各自存储方式、特点、区别及应用场景，强调安全性注意事项。APP 分原生（iOS、Android）与跨平台，小程序以微信、支付宝为例，阐述其存储方式、区别和应用场景，为开发者按需选择合适存储提供参考。

2025-03-04 12:12:37 1328

原创前端水印实现方式

本文介绍前端水印实现方式。前端水印用于标识内容归属等，有信息防盗、数据溯源和品牌标识等价值。实现方案包括 DOM 元素覆盖、Canvas 动态绘制、SVG 矢量方案及常用插件。还讲述安全增强、性能优化策略，如 DOM 监控、多重防御、离屏 Canvas 等。最后给出技术选型建议，普通业务用 DOM 方案，安全敏感场景选 Canvas，高清显示用 SVG，移动端用 CSS 重复背景，完整水印系统需结合服务端加密存储。

2025-03-03 20:09:40 1143

原创 Git操作指南：分支合并、回退及其他重要操作

本文是 Git 操作指南，涵盖多种关键操作。介绍分支合并的普通、变基、压合方式，附推荐流程与注意点；讲解取消本地修改、强制拉取远程代码的方法；阐述分支合并回退、特定版本回退及取消变基的操作。为开发者提供 Git 使用技巧，便于在软件开发中高效管理代码版本

2025-02-28 10:01:08 2431

原创从零搭建企业级React项目全攻略

本文是从零搭建企业级 React 项目全攻略。先介绍项目初始化，创建文件夹、初始化 package.json 并安装核心依赖。接着设计项目结构，强调模块化优势。详细讲解 Webpack 和 TypeScript 配置，给出路由与 Redux 状态管理示例。还说明了项目启动与构建命令，以及部署方法。最后给出最佳实践建议，涵盖性能优化、代码规范、可维护性等方面，包含懒加载、代码规范检查、单元测试等内容，可按需扩展功能

2025-02-20 15:09:27 961

原创常用 Webpack Plugin 汇总

本文详细汇总了 18 种常用 Webpack 插件，并根据重要程度和使用次数标注星级（满星 5 星）。涵盖生成 HTML 并注入资源的 HtmlWebpackPlugin（⭐⭐⭐⭐⭐）、提取 CSS 的 MiniCssExtractPlugin（⭐⭐⭐⭐）、压缩 JS 的 TerserWebpackPlugin（⭐⭐⭐⭐）等。介绍了各插件作用、使用场景及语法示例，包括开发环境提升效率的 HotModuleReplacementPlugin，生产环境优化性能的 CompressionWebpackPlugin

2025-02-19 15:06:11 727

原创常用Webpack Loader汇总介绍

本文详细介绍了 Webpack 常用 Loader 及相关插件。涵盖处理 JS 的 Babel Loader、CSS 相关的 CSS Loader 与 Style Loader 等基础 Loader，还有处理特定文件类型的 HTML Loader、Markdown Loader 等。也提及保障代码规范的 ESLint Loader、Stylelint Webpack Plugin，以及优化资源的 Image Webpack Loader 等。此外，介绍了提取 CSS 的 Mini CSS Extract P

2025-02-18 08:24:54 965

原创 package.json的全面详解

本文为 package.json 入门指南，适合小白学习。详细介绍了创建方法，解释常见属性如 name、version 等用途及配置示例。阐述依赖管理，区分 dependencies 和 devDependencies，说明依赖版本升级标识规则。还强调 package - lock.json 对版本控制的作用。最后，讲解将项目通过 npm 发布到 npm 平台的全流程，包括注册账号、检查文件、编写 .npmignore、测试及发布等步骤。

2025-02-17 21:34:10 1427

原创 Webpack 基础入门

文章围绕 Webpack 基础入门展开，先介绍 Webpack 是静态模块打包工具，阐述使用它的原因，如代码拆分、模块加载等。接着讲解基础入门步骤，包括安装、创建项目结构、编写及配置代码、执行打包。然后介绍核心功能，如加载器、插件的使用，以及代码拆分与按需加载配置。旨在帮助小白快速了解 Webpack，开启 Web 开发之旅。

2025-02-17 16:46:12 1050

原创 Vite入门指南

本文是 Vite 入门指南。Vite 是新型前端构建工具，有极速启动、闪电热更新等优势。文章介绍了环境准备、创建项目、核心功能实践、配置详解、插件系统、生产构建、环境变量等内容，对比了 Vite 与 Webpack 的差异，还给出完整示例代码与最佳实践。掌握 Vite 能让开发者在现代化前端开发中占先机，文末还给出了进一步探索学习的方向

2025-02-13 17:23:18 874

原创包管理工具npm、yarn、pnpm、cnpm详解

本文对 npm、yarn、pnpm、cnpm 等包管理工具进行了详解，涵盖基本用法、特点、对比、适用场景等内容。介绍了浏览器包管理工具及模块打包工具，给出不同类型项目选择包管理工具的建议，还包括项目初始化、依赖管理、性能优化、安全考虑等方面的使用建议，强调团队统一、更新依赖与遵循最佳实践的重要性。

2024-12-26 16:52:39 965

原创 CSS回顾-CSS样式优先级规则详解

本文深入探讨 CSS 样式优先级规则。先由对 h1 标签样式设定的思考引入，阐述优先级核心意义在于解决样式冲突。接着详细介绍基础优先级规则，包括!important、内联样式、ID 选择器、类等选择器的优先级顺序及其特点。同时讲解优先级计算规则，涵盖选择器间计算值、样式表顺序以及样式继承（如文本、列表、表格等相关样式的继承情况）。最后提出样式优先级冲突的最佳实践，如合理规划选择器、模块化设计、利用计算权重技巧和遵循样式表组织规范等，强调理解相关规则对创建高质量 CSS 样式表以实现完美网页视觉效果的重要性。

2024-11-21 17:33:56 1423

原创 CSS回顾-CSS选择器详解

介绍了 CSS 选择器，包括基本选择器（元素、类、ID、通配符选择器）、组合选择器（后代、子元素、相邻兄弟、通用兄弟选择器）、属性选择器（简单属性、属性值完全匹配、部分属性值匹配、多个属性选择器）、伪类选择器（链接、用户操作、目标、语言、CSS3 新增结构、否定、表单相关伪类）和伪元素选择器（::before、::after、::first - letter、::first - line、CSS3 新增::selection），阐述了其用法、示例和特点，强调了 CSS3 新增选择器的作用以及在开发中使用

2024-11-19 17:44:37 1471

原创 CSS回顾-长度单位汇总详解

本文详细介绍了 CSS 中的长度单位。包括绝对长度单位（px、cm、mm、in、pt、pc）和相对长度单位（em、rem、%、vw、vh、vmin、vmax）。阐述了它们的定义、应用场景、优缺点，并对比了绝对长度单位与相对长度单位，指出绝对长度单位有固定参照，相对长度单位基于其他元素属性计算，在响应式设计中各有特点。

2024-11-14 17:40:35 1405 1

原创 CSS回顾-颜色单位详解

本文介绍了 CSS 中的颜色单位相关知识。包括颜色名称、十六进制颜色值、RGB、RGBA、HSL、HSLA 等颜色单位的表示方式、特点及使用场景。还阐述了颜色单位之间（颜色名称与十六进制、十六进制与 RGB、RGB 与 HSL）的转换方法，最后对各种颜色单位在使用场景、优缺点方面进行总结。

2024-11-12 17:53:35 672

原创 CSS回顾-基础知识详解

本文对 CSS 基础知识进行回顾。首先介绍 CSS 是用于描述文档呈现方式的样式表语言，阐述其基础语法（选择器和样式信息）和注释语法。接着讲解 CSS 样式的三种引用方式，包括外部样式表（外联样式）、内部样式表（style 标签）、行内样式表（内联样式）及其优缺点，指出外部样式表在网页开发中最常用。还详细介绍了 CSS 盒模型，包括内容区、内边距、边框、外边距，以及标准盒模型和怪异盒模型的区别。

2024-11-12 17:01:07 1203

原创 HTML5新增标签与属性

本文介绍 HTML5 新增标签与属性。包括语义化结构标签，使网页结构清晰且利于 SEO；多媒体支持的和标签；图形与绘图的、SVG 和 WebGL；表单属性增强，有新输入类型、验证及新属性；本地存储的localStorage和sessionStorage。HTML5 新特性提升开发效率、用户体验和性能，涵盖语义性、多媒体、表单、图形绘制及本地存储等方面，为网页开发带来丰富功能和强大优势。

2024-11-11 09:43:10 1670

原创 HTML5新增多媒体支持

HTML5 新增多媒体支持，主要体现在音频和视频标签。音频标签可嵌入音频，有多种属性和 JavaScript API 控制，存在兼容性问题。视频标签能嵌入视频，同样有丰富属性和 API，也面临兼容性挑战。HTML5 多媒体支持具有原生、跨平台、语义化和增强用户体验等优势。

2024-11-07 12:10:14 843

原创 HTML标签属性详解

本文是对 HTML 标签属性的详细介绍。首先定义了 HTML 属性为标签提供额外信息，以不同人身上的特征作比喻帮助理解。接着介绍了全局属性，包括 id、class、style、title 等常见属性及 draggable、dir、translate 等特殊属性。然后阐述了特定标签属性，如 img、a、input、table、textarea 等标签的特有属性。还提到了自定义属性以 “data-” 开头，可添加特定于应用程序的信息。最后总结了属性的作用，包括增强功能、控制外观、提高交互性以及便于识别和操作，强

2024-10-26 14:22:08 1573

空空如也

空空如也