皮皮网

1.dayjs源码解析（一）：概念、源码总结locale、源码总结constant、源码总结utils tags
2.STL源码剖析总结笔记（3）：vector初识
3.STL源码剖析总结笔记（5）：认识迭代器的源码总结好帮手--list
4.新款vue-cli之create-vue源码阅读总结
5.STM32 SPI DMA 源码解析及总结

dayjs源码解析（一）：概念、locale、源码总结constant、源码总结卡之家源码utils tags

       深入剖析 Day.js 源码（一）：概念、源码总结locale、源码总结constant、源码总结utils

       Day.js 是源码总结一款轻量级的时间库，由饿了么的源码总结开发大佬 iamkun 维护，主打无需引入过多依赖，源码总结以减少打包体积的源码总结特性。本文将通过解析 Day.js 的源码总结源码，揭示其结构与功能的源码总结奥秘，旨在为开发者提供深入理解与应用 Day.js 的工具。

       目录概览

       本文将分五章展开 Day.js 的源码解析，分别从代码结构、基础概念、时间标准、语言（文化）代码以及 locale、constant、utils 的实现进行深入探讨。我们将逐步揭开 Day.js 的07073源码核心逻辑与设计思路。

       代码结构与依赖分析

       Day.js 的源代码目录结构简洁明了，主要依赖集中在入口文件 src/index.js 中。此文件依赖链简单，未直接引用 locale 和 plugin 目录下的语言包与插件，体现出 Day.js 优化体积、按需加载的核心优势。

       基础概念与时间标准

       在解析源码之前，理解以下基础概念至关重要，包括时间标准、GMT、UTC、ISO 等。这些标准与概念为后续分析提供了背景知识。

       时间标准解释

       格林尼治平均时间（GMT）与协调世界时（UTC）是本文中的核心时间概念。GMT 作为本初子午线上的平太阳时，而 UTC 则是基于原子时标准，与格林威治标准时间（GTM）关系密切。本文详细解释了 UTC 的定义、用途与与 0 度经线平太阳时的关系。

       ISO 标准

       ISO 是国际标准化组织推荐的日期和时间表示方法。在 JavaScript 中，Date.prototype.toISOString() 方法返回遵循 ISO 标准的字符串，以 UTC 时间为基准。yyimage源码

       语言（文化）代码与 locale

       不同语言对时间的描述各具特色，Day.js 通过 locale 实现了多语言支持，用户可根据需求引入相应的语言包。本文介绍了语言代码与 locale 的关联，以及如何按需加载特定语言。

       constant 与 utils

       src/constant.js 和 src/utils.js 分别负责存储常量与工具函数。constant 文件中包含了时间单位与格式化的正则表达式，而 utils.js 则封装了一系列实用工具函数，用于简化时间操作。

       总结与展望

       本文完成了 Day.js 源码解析的第一部分，深入探讨了概念、locale、constant、utils 的实现。接下来，我们将分析 Day.js 的核心文件 src/index.js，解析 Dayjs 类的实现细节。欢迎关注后续内容，期待与您共同探索 Day.js 的更多奥秘。

STL源码剖析总结笔记（3）：vector初识

       vector是c++中常用且重要的容器之一。相较于固定大小的array，vector拥有动态分配内存的特性，允许它在使用过程中随着元素的libconfig源码增删而自行调整大小。这种动态性使得vector在处理不可预知数据量时更为便捷。

       内部结构上，vector使用了数组作为存储基础，并通过start, finish和end of storage三个迭代器进行访问和管理空间。其中，start和finish分别指向可用空间的首端和尾端，end of storage则指向内存块的末尾。在vector大小为字节（位系统下，一个指针占4字节）的情况下，其大小为3。因此，vector可以灵活地通过迭代器定位数据的大小与位置。

       内存管理机制是vector的精华之一。当空间耗尽时，vector会自动扩展为二倍的内存容量，以容纳新增元素。此过程涉及创建新空间，复制原有数据，然后释放旧空间，确保资源的有效利用。

       vector提供了丰富的迭代器，遵循随机访问的行为，允许直接获取和修改数据，webfrom源码增强操作的效率。这些迭代器简化了对数据结构的遍历与修改操作。

       在添加与删除数据时，vector提供了pop_back(), erase, insert等高效方法。例如，pop_back()简单地删除尾部元素，erase允许清除一个范围内的数据，并通过复制来维持数据的连续性。insert操作根据具体需求进行数据的插入与调整，确保结构的完整性与数据的正确性。

       综上，vector以其灵活的内存管理和高效的数据操作，成为学习STL和掌握容器结构的理想选择。其清晰的内部机制和丰富的功能特性，为程序设计提供了强大的支持。

STL源码剖析总结笔记（5）：认识迭代器的好帮手--list

       在深入探讨STL中的`list`容器之前，我们先简要回顾了`vector`的特性以及分配器（`allocator`）的作用。接下来，我们将转向一个具有代表性的容器——`list`。之所以说其具有代表性，是因为`list`利用非连续的空间存储元素，从而在空间利用上更为精确。学习`list`是掌握迭代器机制的第一步。

       “list”实质上是双向链表，它具有两个重要特性：前向指针和后向指针。在STL中，`list`节点的定义可能使用`_list_node*`（可能为了兼容性或设计规范）来指代节点结构，其中包含了指向下一个节点和上一个节点的指针。

       `list`的内部实现为一个环状的双向链表结构，通过一个指向虚拟尾节点的指针`node`来方便遍历。`begin()`和`end()`方法的实现依赖于这个`node`。此外，`empty()`、`size()`、`front()`（访问头节点内容）、`back()`（访问尾节点内容）等方法的实现相对直截了当。

       `list`的迭代器（`iterator`）设计得更为复杂，因为非连续的空间分配使得简单指针的操作无法直接使用。迭代器需要智能地追踪当前节点及其前后的节点，以便进行递增、递减和取值操作。这要求迭代器实现诸如`++`和`--`等操作符的重载，同时还需要定义至少1-5个`typedef`类型来支持迭代器的基本行为。

       `++`操作符的重载遵循前置`++`和后置`++`的区别：前置`++`直接返回计算后的结果（即更新后的迭代器），而后置`++`返回迭代器的副本，避免了在C++中直接对整数进行两次后置`++`的操作，因为这会导致未定义的行为。`*`和`->`操作符用于访问当前节点的数据和成员，后者通过`*`操作符访问节点数据后再通过指针访问成员，确保了数据的安全访问。

       `list`的基本操作主要依赖于节点指针的移动和修改，如插入、删除等。这些操作通常需要考虑双向链表的特性以及虚拟尾节点的存在，以避免丢失数据或产生无效指针。例如，`transfer()`方法是一个关键功能，允许将一段连续范围的元素移动到链表中的特定位置，这是许多其他复杂操作的基础。

       在`list`中，`transfer()`方法实现了将`[first,last)`范围内的元素移动到指定位置的逻辑，通过调整节点的`next`和`prev`指针来完成移动，同时确保了数据的完整性。基于`transfer()`方法，其他高级操作也能够实现，尽管这些操作通常不直接暴露给用户，而是通过封装在`list`内部的实现来提供。

       学习`list`不仅有助于理解迭代器的设计原理，也为探索其他容器（如`vector`和`deque`）的实现提供了基础。在接下来的内容中，我们将详细探讨迭代器的实现技巧，以及如何在实际编程中利用这些概念来优化代码。

新款vue-cli之create-vue源码阅读总结

       新款Vue CLI之create-vue源码阅读总结

       create-vue，作为Vue项目的简便启动工具，源码简洁明了。本文将对其核心知识点进行整理。

       使用方式：create-vue通过运行outfile.cjs文件，此文件由package.json中的bin配置指定。

       在package.json设置type: 'module'，表示如果js文件采用ES模块格式编写，无需转换为outfile.cjs。

       模板增量覆盖命令行参数解析：简化版本的vue-cli commander，预设默认参数，如使用预设可跳过问题询问，自动拉取对应模板。

       问题答案统计：prompts收集问题答案，输出成对象形式，与vue-cli中的inquirer功能类似。

       颜色渐变：utils\banner.js中实现终端输出的美丽颜色渐变功能。

       文字颜色格式化：kolorist库，将颜色注入输入/输出，相当于vue-cli中的chalk。

       pinia：更简洁的状态管理方案。

       vitest：详细信息见相关文章。

       git submodule：常规操作，playground文件夹即为一个submodule。

       js语法书写shell：以js形式编写shell脚本，例如scripts\snapshot.mjs需先执行npm run build。

       pnpm：自行搜索了解。

       husky7：git hooks相关。

       npm-run-all：自行搜索了解。

       cypress：自行搜索了解。

STM SPI DMA 源码解析及总结

       一 前言

       在调试STM的SPI接口时，我遇到了一个复杂的难题。解决这一问题花费了大量时间，这次经历促使我回顾并总结了STM的SPI代码。本文将以此为主线，分享我在这个过程中的心得。

       二 初始化

       STM SPI接口的初始化遵循标准流程，包括初始化和配置两部分。确保接口正确初始化，需注意以下几点：

       1. 避免重复使用接口，确保其唯一性。

       2. 检查接口硬件部分是否正常连接，可通过GPIO端口的电平检测。

       3. 选择合适的系统主频，避免设置过高，以匹配SPI接口的速率。

       三 数据收发

       数据收发功能通过HAL库的API实现，主要包括：

       1. 数据发送：`HAL_SPI_Transmit_DMA`函数。

       2. 数据接收：`HAL_SPI_Receive_DMA`函数。

       使用时应特别注意CS（Chip Select）信号的控制，确保在DMA操作期间保持CS低电平，避免数据丢失。

       四 总结

       在SPI开发中，遵循正确流程至关重要。面对问题，应基于对代码的理解和实践经验进行分析，而不是依赖计算机自动解决。正确处理初始化、数据收发等环节，避免常见错误，能有效提升开发效率。