当前位置：首页 > news >正文

源码分析之Leaflet中TileLayer

news 来源：原创 2025/7/16 4:52:44

概述

TileLayer 是 Layer 的子类，继承自GridLayer基类，用于加载和显示瓦片地图。它提供了加载和显示瓦片地图的功能，支持自定义瓦片的 URL 格式和参数。

源码分析

源码实现

TileLayer的源码实现如下：

export var TileLayer = GridLayer.extend({options: {minZoom: 0, // 最小缩放级别maxZoom: 18, // 最大缩放级别subdomains: "abc", // 子域名，用于分散请求，绕过浏览器的并发限制errorTileUrl: "", // 错误瓦片的URL，加载失败时显示的备用图片URLzoomOffset: 0, // 缩放偏移量，调整请求中的z值tms: false,// 是否使用TMS格式，y轴反转zoomReverse: false, // 是否反转缩放级别detectRetina: false, // 是否检测视网膜显示，加载高分辨率瓦片crossOrigin: false, // 控制跨域请求referrerPolicy: false, // 防盗链策略},initialize: function (url, options) {this._url = url;options = Util.setOptions(this, options);if (options.detectRetina && Browser.retina && options.maxZoom > 0) {options.tileSize = Math.floor(options.tileSize / 2);if (!options.zoomReverse) {options.zoomOffset++;options.maxZoom = Math.max(options.minZoom, options.maxZoom - 1);} else {options.zoomOffset--;options.minZoom = Math.min(options.maxZoom, options.minZoom + 1);}options.minZoom = Math.max(0, options.minZoom);} else if (!options.zoomReverse) {options.maxZoom = Math.max(options.minZoom, options.maxZoom);} else {options.minZoom = Math.min(options.maxZoom, options.minZoom);}if (typeof options.subdomains === "string") {options.subdomains = options.subdomains.split("");}this.on("tileunload", this._onTileRemove);},setUrl: function (url, noRedraw) {if (this._url === url && noRedraw === undefined) {noRedraw = true;}this._url = url;if (!noRedraw) {this.redraw();}return this;},createTile: function (coords, done) {var tile = document.createElement("img");DomEvent.on(tile, "load", Util.bind(this._tileOnLoad, this, done, tile));DomEvent.on(tile, "error", Util.bind(this._tileOnError, this, done, tile));if (this.options.crossOrigin || this.options.crossOrigin === "") {tile.crossOrigin =this.options.crossOrigin === true ? "" : this.options.crossOrigin;}if (typeof this.options.referrerPolicy === "string") {tile.referrerPolicy = this.options.referrerPolicy;}tile.alt = "";tile.src = this.getTileUrl(coords);return tile;},getTileUrl: function (coords) {var data = {r: Browser.retina ? "@2x" : "",s: this._getSubdomain(coords),x: coords.x,y: coords.y,z: this._getZoomForUrl(),};if (this._map && !this._map.options.crs.infinite) {var invertedY = this._globalTileRange.max.y - coords.y;if (this.options.tms) {data["y"] = invertedY;}data["-y"] = invertedY;}return Util.template(this._url, Util.extend(data, this.options));},_tileOnLoad: function (done, tile) {if (Browser.ielt9) {setTimeout(Util.bind(done, this, null, tile), 0);} else {done(null, tile);}},_tileOnError: function (done, tile, e) {var errorUrl = this.options.errorTileUrl;if (errorUrl && tile.getAttribute("src") !== errorUrl) {tile.src = errorUrl;}done(e, tile);},_onTileRemove: function (e) {e.tile.onload = null;},_getZoomForUrl: function () {var zoom = this._tileZoom,maxZoom = this.options.maxZoom,zoomReverse = this.options.zoomReverse,zoomOffset = this.options.zoomOffset;if (zoomReverse) {zoom = maxZoom - zoom;}return zoom + zoomOffset;},_getSubdomain: function (tilePoint) {var index =Math.abs(tilePoint.x + tilePoint.y) % this.options.subdomains.length;return this.options.subdomains[index];},_abortLoading: function () {var i, tile;for (i in this._tiles) {if (this._tiles[i].coords.z !== this._tileZoom) {tile = this._tiles[i].el;tile.onload = Util.falseFn;tile.onerror = Util.falseFn;if (!tile.complete) {tile.src = Util.emptyImageUrl;var coords = this._tiles[i].coords;DomUtil.remove(tile);delete this._tiles[i];this.fire("tileabort", { tile, coords });}}}},_removeTile: function (key) {var tile = this._tiles[key];tile.el.setAttribute("src", Util.emptyImageUrl);return GridLayer.prototype._removeTile.call(this, key);},_tileReady: function (coords, err, tile) {if (!this._map ||(tile && tile.getAttribute("src") === Util.emptyImageUrl)) {return;}return GridLayer.prototype._tileReady.call(this, coords, err, tile);},
});export function tileLayer(url, options) {return new TileLayer(url, options);
}

源码解析

`initialize`方法

initialize方法用于初始化TileLayer对象，设置默认选项和事件监听器，保存URL末班

this._url：存储瓦片图层的URL。
options：用户提供的选项，用于覆盖默认选项。
options.detectRetina：如果启用了视网膜检测，将瓦片大小减半，并调整缩放级别和偏移量。
options.subdomains：如果是字符串，将其拆分为子域名数组。
this.on("tileunload", this._onTileRemove)：监听tileunload事件，当瓦片被卸载时调

方法详解

setUrl(url,noRedraw):

更新URL模版，若URL未变化且noRedraw为true，则不重绘图层。
调用redraw()方法强制刷新，重新绘制图层。

createTile(coords,done):

创建一个新的HTML图片元素作为瓦片。
设置图片元素的load和error事件监听器，当图片加载完成或加载失败时调用done回调函数。
设置图片元素的crossOrigin属性，控制跨域请求。
设置图片元素的referrerPolicy属性，控制防盗链策略。
设置图片元素的alt属性为空字符串。
设置图片元素的src属性为getTileUrl(coords)方法返回的URL。
返回创建的图片元素。

getTileUrl(coords):

计算并返回URL模版，将URL中的占位符替换为实际的值。
占位符包括：
- {r}：如果启用了视网膜检测，替换为@2x，否则为空字符串。
- {s}：根据坐标计算子域名。
- {x}：替换为X坐标。
- {y}：替换为Y坐标。
- {z}：替换为缩放级别。
- {-y}：如果启用了TMS格式，替换为反转的Y坐标，否则为空字符串。
返回替换后的URL。

_tileOnLoad(done,tile):

当图片加载完成时调用done回调函数，IE9以下延迟触发。

_tileOnError(done,tile,e):

当图片加载失败时调用done回调函数，并设置错误信息。
如果启用了错误瓦片的URL，将图片元素的src属性设置为错误瓦片的URL，再次尝试加载。
返回错误信息。

_getZoomForUrl():

根据zoomReverse和zoomOffset选项计算缩放级别。
如果启用了zoomReverse，将缩放级别反转。
返回计算后的缩放级别。
_getSubdomain(tilePoint):
根据X和Y坐标计算子域名。
使用subdomains选项中的子域名数组，根据X和Y坐标的绝对值取模计算索引。
返回计算得到的子域名。

瓦片管理

_abortLoading()：中止非当前缩放级别的瓦片加载

重置onload/onerror事件监听器，
将非当前缩放级别的瓦片的src属性设置为空字符串，并从_tiles对象中移除。

_removeTile(key):

从_tiles对象中移除指定键的瓦片。
将瓦片的src属性设置为空字符串，取消网络请求。
调用父类的_removeTile方法，移除瓦片元素。

_tileReady(coords,err,tile):

当瓦片准备就绪时调用。
如果URL为空字符串或_map不存在，返回。
调用父类的_tileReady方法，处理瓦片就绪事件。

关键逻辑

- Retina适配：通过detectRetina自动调整瓦片尺寸和缩放，加载高分辨率图片。

子域名轮询：分散请求，避免浏览器并发限制。
TMS坐标反转：通过tms: true适配不同的瓦片服务标准。
跨域处理：通过crossOrigin属性解决CORS问题，访问像素数据。
错误恢复：加载失败时显示errorTileUrl，提升用户体验

总结

TileLayer是Leaflet中用于加载和显示瓦片地图的核心组件，通过继承GridLayer基类，实现了瓦片的加载和管理，支持自定义URL格式和参数，提供了丰富的功能和选项，适用于各种瓦片地图服务。

源码分析之Leaflet中TileLayer

概述 TileLayer 是 Layer 的子类，继承自GridLayer基类，用于加载和显示瓦片地图。它提供了加载和显示瓦片地图的功能，支持自定义瓦片的 URL 格式和参数。源码分析源码实现 TileLayer的源码实现如下： export var TileLayer …...

编程日记 2025/7/16 4:52:44

Java虚拟机 - 程序计数器和虚拟机栈

运行时数据结构 Java运行时数据区程序计数器为什么需要程序计数器执行流程虚拟机栈虚拟机栈作用虚拟机栈核心结构运行机制 Java运行时数据区首先介绍Java运行时数据之前，我们要了解，对于计算机来说，内存是非常重要的资源，因为内…...

编程日记 2025/7/16 1:56:43

大语言模型 15 - Manus 超强智能体开源版本 OpenManus 案例与原理深入解析

写在前面 Manus 是由中国初创公司 Monica.im 于 2025 年 3 月推出的全球首款通用型 AI 智能体（AI Agent），旨在实现“知行合一”，即不仅具备强大的语言理解和推理能力，还能自主执行复杂任务，直接交付完整成…...

编程日记 2025/7/16 20:16:58

开源CMS系统中哪些常见的安全漏洞最需要注意？

在当今数字化时代，开源内容管理系统（CMS）因其灵活性和低成本广受欢迎。然而，开源CMS的安全漏洞也频频成为黑客攻击的突破口。本文将带大家全面了解下开源CMS中需要警惕的安全漏洞以及防护建议，以帮助开发者和管理员更好…...

编程日记 2025/7/15 15:26:22

文件包含靶场实现

文件包含漏洞（File Inclusion Vulnerability）是 Web 安全中常见的高危漏洞，主要分为本地文件包含（LFI） 和远程文件包含（RFI） 1、典型利用方式利用方式示例 Payload说明路径遍历?page../../…...

编程日记 2025/7/16 17:16:56

在 JavaScript 中正确使用 Elasticsearch，第二部分

作者：来自 Elastic Jeffrey Rengifo 回顾生产环境中的最佳实践，并讲解如何在无服务器环境中运行 Elasticsearch Node.js 客户端。想获得 Elastic 认证？查看下一期 Elasticsearch Engineer 培训的时间！ Elasticsearch 拥有大量新…...

编程日记 2025/7/7 19:55:38

DataLight（V1.7.12）版本更新发布

DataLight（V1.7.12）版本更新发布亲爱的 DataLight 用户们， DataLight 发布 V1.7.12 版本，此版本带来了新服务 DINKY 的支持，以及多项问题修复，进一步提升了平台的易用性和稳定性。一. 更新日志在此次…...

编程日记 2025/7/14 11:11:49

LeetCode-前缀和-和为K的子数组

LeetCode-前缀和-和为K的子数组 ✏️ 关于专栏：专栏用于记录 prepare for the coding test。文章目录 LeetCode-前缀和-和为K的子数组📝 和为K的子数组🎯题目描述🔍 输入输出示例🧩题目提示🧪前缀和❓什么…...

编程日记 2025/7/16 21:47:05

MySQL基础关键_014_MySQL 练习题

目录一、有以下表，请用一条 SQL 语句查询出每门课程都大于 80 分的学生二、综合题1（数据自行模拟） 1.查询身份证号为“440401430103082”的申请日期 2.查询同一个身份证号有两条及以上记录的身份证号码及记录个数 3.将身份证号码为“4…...

编程日记 2025/7/14 10:51:19

femap许可与云计算集成

随着云计算技术的迅猛发展，越来越多的企业开始将关键应用和服务迁移到云端，以享受其带来的弹性扩展、高效管理和成本优化等优势。Femap作为一款强大的电磁仿真工具，通过与云计算的集成，将为企业带来前所未有的许可管理和仿真分析体…...

编程日记 2025/6/28 22:01:59

uni-app项目从0-1基础架构搭建全流程

前情最近新接了一个全新项目，我负责从0开始搭建小程序，我选用的技术栈是uni-app技术栈，UI库选择的是uview-plus，CSS引入现在流行的tainlwindcss，实现CSS原子化书写，实现小程序分包，分包中实现…...

编程日记 2025/7/10 10:37:29

轻量级高性能推理引擎MNN 学习笔记 04.线性回归

1. 线性回归 MNN 官方给的iOS Demo中，输入是图片，输出是分类结果，相对来讲，略微有些复杂，我们现在用一个最简单的线性回归模型，来说明MNN的用法。该线性回归是yaxb （其中a2,b0.01&#xff09…...

编程日记 2025/7/12 22:44:42

使用 React PDF 构建 React.js PDF 查看器的指南

在本文中，我们将重点介绍在React.js中制作 PDF 查看器的最受欢迎的开源库。具体来说，我们将利用著名的开源库react-pdf的功能，指导您完成创建 React.js PDF 查看器的过程。通过本教程，您将在第一部分学习如何使用 React-PDF 在 …...

编程日记 2025/7/16 22:00:28

动力电池点焊机厂家：驱动新能源制造的精密力量|比斯特自动化

在新能源汽车、储能系统等产业蓬勃发展的背景下，动力电池点焊机作为电池模组生产的核心设备，正经历着技术迭代与市场需求的双重升级。这类厂家通过持续研发与创新，不仅满足了电池制造企业对焊接精度、效率与稳定性的严苛要求，更推…...

编程日记 2025/7/11 5:04:12

React的合成事件（SyntheticEventt）

文章目录前言前言 React的合成事件（SyntheticEvent）是React为了统一不同浏览器的事件处理行为而封装的一套跨浏览器事件系统。它与原生事件的主要区别如下： 1. 事件绑定方式 • 合成事件：使用驼峰命名法绑定事件（如…...

编程日记 2025/7/16 16:37:40

知识中台Top5：Baklib上榜推荐

Baklib知识中台优势在数字化转型浪潮中，Baklib凭借其知识中台的核心设计理念，构建了企业级知识管理的差异化竞争力。区别于传统文档管理系统，该平台通过四库体系（知识资源库、场景规则库、服务模型库、应用组件库）实…...

编程日记 2025/7/16 21:57:12

在Windows系统中使用C++与Orthanc交互：基于DICOMweb的医学影像应用开发

🧑 博主简介：CSDN博客专家、CSDN平台优质创作者，高级开发工程师，数学专业，10年以上C/C, C#, Java等多种编程语言开发经验，拥有高级工程师证书；擅长C/C、C#等开发语言，熟悉Java常用开…...

编程日记 2025/7/10 17:00:48

视频太大？用魔影工厂压缩并转MP4，画质不打折！

在日常生活中，我们常常需要将视频文件转换成不同的格式以适应各种设备或平台的播放需求。魔影工厂作为一款功能强大且操作简单的视频转换工具，深受用户喜爱。本文中简鹿办公将手把手教你如何使用魔影工厂将视频转换为MP4格式，并进行个性化设置…...

编程日记 2025/7/16 21:57:12

Wan2.1 通过首尾帧生成视频

Wan2.1 通过首尾帧生成视频 flyfish 使用 Wan2.1-FLF2V-14B-720P 模型，通过输入两张图像（起始帧和结束帧），生成一段连贯的视频。 First Last Frame-to-Video 即 “首末帧到视频” 技术 import numpy as np import torch import…...

编程日记 2025/7/16 10:58:43

宝塔+fastadmin：给项目添加定时任务

一、定时任务脚本编写 1. 使用 shebang 声明执行器 #!/usr/bin/env php 这是 Unix/Linux 系统中脚本文件的标准开头。表示这个脚本使用系统环境变量中的 php 来执行。2. 定义 ThinkPHP 入口路径并加载框架 define(APP_PATH, __DIR__ . /../../application/); require __DIR__…...

编程日记 2025/7/16 7:38:30

[自动化集成] 使用明道云上传附件并在Python后端处理Excel的完整流程

在企业日常自动化场景中，使用低代码平台如明道云搭建前端界面，结合自定义Python后端服务，实现灵活数据处理是一种高效的组合方式。本文将分享一个典型的集成用例：用户通过明道云上传文本和Excel附件，Python后端接收并解析这些信息，最终实现完整的数据处理闭环。项目背景…...

编程日记 2025/7/16 21:48:45

前端项目采用响式布局

要让整个前端项目采用响应式布局，可以从多个方面进行优化，以下是一些具体的建议和实现方法： 1. 使用 ElementPlus 的响应式特性 ElementPlus 组件库本身提供了一些响应式的能力，例如 el-col 组件可以用于创建响应式的网格布局。…...

编程日记 2025/7/7 22:39:19

【Unity】DOTween的常用函数解释

DOTween插件常用函数解释 1.DOTween.To（通用变化动画） 解释：将某一个值在一定的时间内变化到另一个值（通用的函数），可用于大部分的动画变化使用示例： using UnityEngine; using DG.Tweenin…...

编程日记 2025/7/16 21:55:45

飞桨paddle import fluid报错【已解决】

跟着飞桨的安装指南安装了paddle之后 pip install paddlepaddle有一个验证： import paddle.fluid as fluid fluid.install check.run check()报错情况如下，但是我在pip list中，确实看到了paddle安装上了我import paddle别的包&#xff0c…...

编程日记 2025/7/16 21:58:17

ELK简介和docker版安装

使用场景主要还是给开发人员“打捞日志”用的。 ELK 是由三个开源工具组成的套件（Elasticsearch、Logstash 和 Kibana），主要用于日志的收集、分析和可视化。以下是 ELK 常见的使用场景： 日志集中化管理收集来自多个服务器或服…...

编程日记 2025/7/16 22:04:08

DockerHub被封禁，怎么将镜像传到国内？一种简单合规的镜像同步到国内方案[最佳实践]

Docker将容器化技术普及，推动云计算向云原生的演进。Docker的核心创新技术之一是容器镜像，它是一种文件的打包方式，将应用程序运行的操作系统、库、运行环境等依赖全部打包一起。在其他任意环境，只要可以运行docker服务&#xff0…...

编程日记 2025/7/16 21:41:24

飞桨paddle ‘ParallelEnv‘ object has no attribute ‘_device_id‘【已解决】

书借上回，自从我反复重装paddle之后，我发现了，只要pip list中有库，但是代码报错，那就是飞桨没把代码更新完全，只能自己去改源代码我又遇到报错了： 根据报错信息，找到ParallelEnv报…...

编程日记 2025/7/2 3:53:11

网络安全面试题（一）

文章目录一、基础概念与模型‌1. 什么是通信协议？列举三种常见的网络通信模型？2. 解释OSI七层模型及各层功能3. TCP/IP四层模型与OSI模型的对应关系是什么？4. 五层协议体系结构与TCP/IP模型的区别?5. 什么是面向连接与非面向连接的服务&…...

编程日记 2025/7/16 12:17:55

问题背景给定一个长度为 n n n 的整数数组 n u m s nums nums 和一个二维数组 q u e r i e s queries queries，其中 q u e r i e s [ i ] [ l i , r i ] queries[i] [l_i, r_i] queries[i][li,ri]。对于每个查询 q u e r i e s [ i ] queries[i] quer…...

编程日记 2025/7/6 14:21:21

RK3588 ArmNN CPU/GPU ResNet50 FP32/FP16/INT8 推理测试

RK3588 ArmNN CPU/GPU ResNet50 FP32/FP16/INT8 推理测试 **背景与目标** 一.性能数据【INT8模型在CPU上推理的结果已经不对,暂未分析原因】二.操作步骤2.1 在x86-Linux上生成onnx模型,以及tflite量化模型(避免在RK3588上安装过多依赖)2.1.1 创建容器2.1.2 安装依赖2.1.3 下载推…...

编程日记 2025/7/16 21:42:29

力扣第5题：最长回文子串（动态规划）

小学生一枚，自学信奥中，没参加培训机构，所以命名不规范、代码不优美是在所难免的，欢迎指正。标签： 字符串、动态规划、中心扩散法语言： C 题目： 给你一个字符串s，找到s中最长的…...

编程日记 2025/7/16 1:42:44

HCIP实验五

一、实验拓扑图： 二、实验需求分析： 1. PreVal策略：要求确保R4通过R2到达192.168.10.0/24 ，需在R4上针对去往该网段路由配置PreVal策略，为经R2的路径赋予更高优先值，影响本地路由表选路。 2. AS Path策略…...

编程日记 2025/7/16 21:55:45

python Numpy-数组

目录 Numpy： 一、Ndarray 1 定义 2 数组的属性方法 2.1 数组的维度：np.ndarray.shape 2.2 元素的类型：np.ndarray.dtype 2.3 数组元素的个数：np.ndarray.size 2.4 转置 3 ndarray 所存储元素的数据类型 4 数组创建 4.1 a…...

编程日记 2025/7/16 16:28:06

数据库分库分表从理论到实战

1.分库分表基础理论 1.1 分库分表基本概念定义：分库分表是一种将单一数据库中的数据分散存储到多个数据库或表中的技术方案，其核心思想是通过"分而治之"的方式解决数据库性能瓶颈问题。分库：将表按业务或数据量拆分到不同数据库中…...

编程日记 2025/7/16 22:00:28

Java异常处理与File类终极指南

Java异常处理与File类终极指南目录异常体系全维度拆解异常处理十五种高阶模式自定义异常企业级实践File类深度探索与NIO进化论分布式系统异常处理架构性能调优与安全防护全网最全异常代码库一、异常体系全维度拆解 1.1 Java异常DNA解析 // 异常类的核心继承关系 public cla…...

编程日记 2025/7/16 21:55:45

pmap中的mode列，脏页，写时复制

写时复制（Copy-on-Write，简称 COW） 是一种计算机编程中的优化技术，主要用于内存或存储资源的管理。其核心思想是：只有在真正需要修改数据时，才会执行实际的复制操作，从而避免不必要的资源开销。…...

编程日记 2025/7/15 4:48:19

通过COM获取正在运行的Excel实例并关闭 c#实现

利用COM对象模型获取正在运行的Excel实例并关闭。示例代码如下： using Excel Microsoft.Office.Interop.Excel; using System.Runtime.InteropServices; try { Excel.Application excelApp (Excel.Application)Marshal.GetActiveObject("Excel.Applicatio…...

编程日记 2025/7/16 8:35:13

运行在华为云kubernetes应用接入APM服务

1 APM概述在云时代微服务架构下应用日益丰富，纷杂的应用异常问题接踵而来。应用运维面临巨大挑战： 分布式应用关系错综复杂，应用性能问题分析定位困难，应用运维面临如何保障应用正常、快速完成问题定位、迅速找到性能瓶颈的挑战…...

编程日记 2025/7/2 10:56:54

虚幻引擎5-Unreal Engine笔记之摄像头camera

虚幻引擎5-Unreal Engine笔记之摄像头camera code review! 目录第一部分：摄像头的基础概念 1.1 UE5 中摄像头的定义与作用1.2 UE5 中摄像头的类型与分类第二部分：摄像头的代码结构与分类 2.1 摄像头是类还是组件？2.2 组件的本质&#xff…...

编程日记 2025/7/2 17:59:29

mysql的基础命令

1.SQL的基本概念 SQL 是用于管理和操作关系型数据库的标准编程语言。是所有关系型数据库（如 MySQL、PostgreSQL、Oracle 等）的通用语言。 SQL语句分类 DDL: Data Defination Language 数据定义语言 CREATE，DROP，ALTER DML: Da…...

编程日记 2025/7/13 1:33:54

去中心化算力池：基于IPFS+智能合约的跨校GPU资源共享平台设计

点击 “AladdinEdu，同学们用得起的【H卡】算力平台”，H卡级别算力，按量计费，灵活弹性，顶级配置，学生专属优惠。一、问题背景：高校算力孤岛的困境现状痛点各高校GPU集群利用率差异显著&…...

编程日记 2025/7/15 5:14:42

数据库（二）：ORM技术

什么是 ORM？ ORM（Object-Relational Mapping） 是一种用于实现对象模型（面向对象）与关系模型（数据库）之间映射的技术，使程序员可以通过操作对象的方式访问数据库数据，而无…...

编程日记 2025/7/15 11:16:08

Oracle基础知识

目录 1.别名的使用 2.AND的优先级高于OR 3.where后面可以接别名，order by后面不可以 4.Oracle中SQL的执行顺序(重点) 5.dual万用表 6.是否区分大小写 7.Oracle常用数据类型 8.Oracle常用函数 (1)length字符、lengthb字节和cast强制类型转换 (2)数据类型转…...

编程日记 2025/7/9 1:16:26

使用 vite-plugin-dynamic-base 实现运行时动态设置上下文路径

我们一般会在编译之前设置上下文，那么如何在编译之后动态设置上下文的路径？ 本文使用的技术栈是 Go（Gin） Vue.js（Vite） 本文使用到的第三方包：https://github.com/chenxch/vite-plugin-dynam…...

编程日记 2025/7/16 6:40:06

spark-shuffle 类型及其对比

1. Hash Shuffle 原理：将数据按照分区键进行哈希计算，将相同哈希值的数据发送到同一个Reducer中。特点：实现简单，适用于数据分布均匀的场景。但在数据分布不均匀时，容易导致某些Reducer处理的数据量过大，产…...

编程日记 2025/7/10 14:46:36

力扣-快乐数

1.题目要求 2.题目链接 202. 快乐数 - 力扣（LeetCode） 3.题目分析首先,因为需要频繁地用到数字变为各个位上的平方的过程,我们可以将"对于一个正整数,每一次将该数替换为它每个位置的数字的平方和"这一操作抽象出来，定义成一个…...

编程日记 2025/7/16 5:34:36

每日算法刷题Day10 5.19:leetcode不定长滑动窗口求最长/最大4道题，结束定长滑动窗口,用时1h

不定长滑动窗口不定长滑动窗口主要分为三类：求最长子数组，求最短子数组，以及求子数组个数。注：滑动窗口相当于在维护一个队列。右指针的移动可以视作入队，左指针的移动可以视作出队。滑动窗口【基础算法精讲 03】…...

编程日记 2025/7/11 23:30:28

FreeSWITCH 纯内网配置

纯内网，且同一个网段，Fs 可简化配置，要点是: 1. 不需要事先配置 directory，任意号码都可以注册，且无挑战 2. 呼叫无挑战不需要考虑那么多安全问题配置如下： 1. 全局变量 <X-PRE-PROCESS cmd"…...

编程日记 2025/7/13 8:53:22

STL中list的模拟

这里写目录标题 list 的节点 —— ListNodelist 的 “导览员” —— ListIteratorlist 的核心 —— list 类构造函数迭代器相关操作容量相关操作结尾在 C 的 STL（标准模板库）中，list 是一个十分重要的容器，它就像一个灵活的弹簧…...

编程日记 2025/7/16 17:40:02

【iOS】类结构分析

前言之前我们已经探索得出对象的本质就是一个带有isa指针的结构体，这篇文章来分析一下类的结构以及类的底层原理。类的本质类的本质我们在main函数中写入以上代码，然后利用clang对其进行反编译，可以得到c文件可以看到底层使用Class接…...

编程日记 2025/7/8 8:07:34

概述

源码分析

源码实现

源码解析

initialize方法

方法详解

瓦片管理

关键逻辑

总结

相关文章：

`initialize`方法