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

mapbox开发小技巧

news 来源：原创 2025/8/26 7:41:00

自定义图标

// 1、单个图标
const url = './static/assets/symbols/code24x24/VIDEO.png' // 图标路径
map.loadImage(url ,(error, image) => {if (error) throw errormap.addImage('video-icon', image)
})// 2、雪碧图利用canvas
// json和png图片
function getStyleImage(fileName: any) {return new URL('/json/style/' + fileName + '.png', import.meta.url).href;
}fetch(new URL('/json/style/' + fileName + '.json', import.meta.url).href).then(response => response.json()).then(spriteJson => {var img = new Image()img.crossOrigin = 'anonymous'img.src = getStyleImage(spriteName)img.onload = function () {Object.keys(spriteJson).forEach((key: any) => {let spriteItem = spriteJson[key]let { X, Y, Width, Height } = spriteItemlet canvas = createCavans(Width, Height)let context: any = canvas.getContext('2d') || ''context.drawImage(img, X, Y, Width, Height, 0, 0, Width, Height)// 单位雪碧图项，转base64字符串map.addImage(key, canvas.toDataURL('image/png'))})console.log(spriteName, '完成加载...')}
});

vue2.0中自定义弹窗（核心代码）

样式文件

// 地图弹窗
.mapbox-msgBox {position: relative;border: 0;font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB','Microsoft YaHei', '微软雅黑', Arial, sans-serif;// 弹窗内容.mapboxgl-popup-content {padding: 0 !important;}// 弹窗标题h2 {width: 100%;height: 40px !important;line-height: 40px !important;font-size: 18px !important;color: #fff;background: #0057a7;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 15px;border-top-left-radius: 4px;border-top-right-radius: 4px;}// 关闭按钮.mapboxgl-popup-close-button {height: 40px;font-size: 3em;padding: 0 5px;color: white;cursor: pointer;&:hover {color: #aaaaaa;}}
}

vue文件

<template><div><h2>{{ title }}</h2></div>
</template>
<script>export default {name: 'popTemplate',components: {},props: ['attrs', 'title'],data() {return {}},mounted() {console.log('props:', this.attrs)},methods: {callback(attrs) {this.$emit('callback', attrs)}
}
</script>

实现代码

const location = [110,30]
// 初始化弹窗
const mapboxPopup = new mapboxgl.Popup({closeButton: true,closeOnClick: false,className: 'mapbox-msgBox',maxWidth: '450px',offset: [0, 0]})
// popTemplate为引用的vue文件
const popDetail = Vue.extend(popTemplate)
const vm = new popDetail({propsData: {title,attrs},methods: {callback(config) {console.log('🚀 ~ callback ~ config:', config)}}})vm.$mount() // 挂载mapboxPopupLayer.setLngLat(location).setDOMContent(vm.$el).addTo(map)

创建自定义标签（核心代码）

定义样式为扩散圆

/* 标签选择器之属性匹配选择 */
.mapbox-marker span[class^='pulse'] {/* 保证小盒子水平垂直居中 */position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 8px;height: 8px;box-shadow: 0 0 5px #ff0000;border-radius: 50%;animation: pulse 3s linear infinite;
}.mapbox-marker .pulse1 {animation-delay: 0s !important;
}.mapbox-marker .pulse2 {animation-delay: 1s !important;
}.mapbox-marker .pulse3 {animation-delay: 2s !important;
}@keyframes pulse {0% {width: 8px;height: 8px;}40% {width: 40px;height: 40px;opamapbox-marker: 1;}100% {width: 70px;height: 70px;opamapbox-marker: 0;}
}

实现代码

 // 创建一个新的标记并添加到地图上const location = [110,30]const el = document.createElement('div')el.className = 'mapbox-marker'const el1 = document.createElement('span')el1.className = 'pulse1'el.appendChild(el1)const el2 = document.createElement('span')el2.className = 'pulse2'el1.appendChild(el2)const el3 = document.createElement('span')el3.className = 'pulse3'el1.appendChild(el3)const currentMarker = new mapboxgl.Marker(el).setLngLat(location).addTo(map)map.setCenter(location)// 实现扩散效果（例如放大到特定区域）map.flyTo({center: location,zoom: 18,speed: 1, // 动画速度curve: 1, // 动画曲线类型easing: function (t) {return t} // 动画缓动函数})// 5s之后移除setTimeout(() => {// 如果已存在标记，则移除它if (currentMarker) {currentMarker.remove()}}, 5000)

聚合图层

// 添加数据源
map.addSource('videoLayer', {type: 'geojson',data: {type: 'FeatureCollection',features: videoListFeatures},cluster: true,clusterMaxZoom: 14, // 最大缩放级别，超过该级别不再聚合clusterRadius: 50 // 聚合半径，单位为像素
})// 添加聚合图层
map.addLayer({id: 'videoLayer-cluster',type: 'circle',source: 'videoLayer',filter: ['has', 'point_count'],paint: {'circle-color': ['step',['get', 'point_count'],'#51bbd6',100,'#f1f075',750,'#f28cb1'],'circle-radius': ['step',['get', 'point_count'],20,100,30,750,40]}
})// 添加聚合点计数图层
map.addLayer({id: 'videoLayer-cluster-count',type: 'symbol',source: 'videoLayer',filter: ['has', 'point_count'],layout: {'text-field': ['get', 'point_count_abbreviated'],'text-font': ['DIN Offc Pro Medium', 'Arial Unicode MS Bold'],'text-size': 12}
})// 添加非聚合点图层
map.addLayer({id: 'videoLayer-unclustered-point',source: 'videoLayer',filter: ['!', ['has', 'point_count']],type: 'symbol',layout: {'icon-image': 'video-icon','icon-size': 1}
})

分类渲染降雨等值面事例

map.addLayer({id: 'grid_line',type: 'fill',source: {type: 'geojson',data: { type: 'FeatureCollection', features }},paint: {'fill-opacity': 1,'fill-outline-color': 'rgba(255, 255, 255, 0)','fill-color': ['step',['get', 'rain'],'rgba(255, 255, 255, 0)', // 无降雨0.000001,'rgb(165, 243, 141)', // 短时小雨0.25,'rgb(61, 185, 63)', // 短时中雨0.5,'rgb(99, 184, 249)', // 短时大雨1,'rgb(0, 0, 254)', // 短时暴雨2.5,'rgb(243, 5, 238)', // 短时大暴雨7.5,'rgb(129, 0, 64)' // 短时特大暴雨]}
})

mapbox开发小技巧

自定义图标 // 1、单个图标 const url ./static/assets/symbols/code24x24/VIDEO.png // 图标路径 map.loadImage(url ,(error, image) > {if (error) throw errormap.addImage(video-icon, image) })// 2、雪碧图利用canvas // json和png图片 function getStyleImage(fil…...

编程日记 2025/8/26 7:41:00

ApoorvCTF Rust语言逆向实战

上周参加了国外的比赛，名称叫：ApoorvCTF 看一下老外的比赛跟我们有什么不同，然后我根据国内比赛对比发现，他们考点还是很有意思的，反正都是逆向，哈哈哈 Rusty Vault 题目描述： In the heart…...

编程日记 2025/8/26 7:36:53

IntersectionObserver接口介绍

IntersectionObserver API 是浏览器提供的一个用于异步观察目标元素与其祖先元素或视口（Viewport）交叉状态（即是否进入或离开视口）的接口。在 IntersectionObserver 出现之前，开发者通常需要通过监听 scroll 事件或使用…...

编程日记 2025/8/16 10:10:05

AI壁纸进阶宝典：让创作效率与质量飞速提升的法门

在数字化创意浪潮席卷的当下，AI壁纸以其独特魅力和无限可能，吸引了众多设计爱好者和专业设计师的目光。然而，如何在众多创作者中脱颖而出，打造令人惊艳的AI壁纸呢？本文将从基础到进阶，全方位剖析AI壁纸创作…...

编程日记 2025/8/24 16:51:55

Releases（发布）和版本管理是两个紧密相关的概念

在软件开发和维护中，Releases（发布）和版本管理是两个紧密相关的概念，特别是在开源项目或企业软件开发中。 1. Releases（发布） Release 是指软件的一个正式发布版本，通常经过开发、测试、修复 Bug，并被认为是足够稳定和可用于生产环境的版本。主要特点里程碑：通…...

编程日记 2025/8/23 5:15:41

从零开始用react + tailwindcss + express + mongodb实现一个聊天程序(十二) socketio 消息处理

1.后端在message.controller.js中在sendMessage方法中每当我们发送消息需要socketio把这个消息转发给接收人加入转发逻辑 // 把消息发给指定的用户的socket const receiverSocketId getReceiverSocketId(receiverId); if(receiverSocketId) { io.to(receiverSocket…...

编程日记 2025/8/24 14:22:37

【运维篇】KubeSphere-02（经验汇总）

一、使用建议 1.对于数据库、对像存储比较重的要不能丢失，有异地存储备份需求的有状态服务，不建议采用k8s进行部署，会导致运维难度更大。 2.对于中间件如redis、MQ、harbor、seata、nacos、zookeeper可采用k8s部署。 3.对于无状态服务tomc…...

编程日记 2025/8/18 12:27:25

8.大模型微调学习案例：基于 Hugging Face、8位量化与 LoRA 适配器的方案

文章目录一、引言二、数据预处理与构建数据集2.1 加载 JSON 数据2.2 构造训练样本2.3 构建 Hugging Face 数据集与分词2.4 添加标签字段2.5 划分训练集与验证集三、模型加载、量化与适配器配置3.1 配置设备与显存使用3.2 配置 8 位量化3.3 加载预训练模型并映射设备3.4 为 8 …...

编程日记 2025/8/22 15:38:44

用分页干掉显存浪费！聊聊VLLM的PagedAttention

不知道你在部署模型的时候，有没有经历过这样的抓狂时刻——跑大模型时显卡显存明明没有占满，程序却报错OOM（内存不足）？表面看是显存不足，背后其实是KVCache碎片化和重复存储这个"隐形刺客"在作祟…...

编程日记 2025/8/21 1:39:58

Python——地图可视化

分级统计地图：一般使用同一种颜色表示一个区域的属性，常用与选举和人口普查数据的可视化。对于颜色的选择可以使用单色渐变系、双向渐变系、完整色谱变化。使用这类颜色渐变进行填充存在的问题： 使用这类方法适用于数据密集分布的区域&#…...

编程日记 2025/8/21 5:15:42

3.8【Q】cv

这个draw_line函数的逻辑和功能是什么？代码思路是什么？怎么写的？ 这个t是什么？t.v[0]和t.v[1],[2]又是什么？ void rst::rasterizer::draw(rst::pos_buf_id pos_buffer, rst::ind_buf_id ind_buffer, rst::Primitive ty…...

编程日记 2025/8/24 15:25:03

LeetCode 热题 100_字符串解码（71_394_中等_C++）（栈）

LeetCode 热题 100_字符串解码（71_394） 题目描述：输入输出样例：题解：解题思路：思路一（栈）： 代码实现代码实现（栈）：以思路一为例进行调…...

编程日记 2025/8/24 17:39:43

基于大模型预测的新型隐球菌脑膜炎综合诊疗研究报告

目录一、引言 1.1 研究背景与目的 1.2 研究现状综述二、大模型预测原理及数据基础 2.1 大模型技术简介 2.2 数据收集与预处理 2.3 模型训练与验证三、术前风险预测与准备 3.1 病情评估指标确定 3.2 手术方案制定 3.3 麻醉方案规划四、术中监测与应对 4.1 实时…...

编程日记 2025/8/21 23:57:45

SQL Server核心知识总结

SQL Server核心知识总结 🎯 本文总结了SQL Server核心知识点,每个主题都提供实际可运行的示例代码。一、SQL Server基础精要 1. 数据库核心操作 -- 1. 创建数据库（核心配置） CREATE DATABASE 学生管理系统 ON PRIMARY (NAME 学生管理系统…...

编程日记 2025/8/23 3:45:19

浏览器WEB播放RTSP

注意：浏览器不能直接播放RTSP，必须转换后才能播放。这一点所有的播放都是如此。参考 https://github.com/kyriesent/node-rtsp-stream GitHub - phoboslab/jsmpeg: MPEG1 Video Decoder in JavaScript 相关文件方便下载 https://download.csdn.net…...

编程日记 2025/8/26 7:40:59

登录固定账号和密码：

接口文档【apifox】面试宝典个人中心-保存用户数据信息 - 教学练测项目-面试宝典-鸿蒙登录固定账号和密码： 账号：hmheima 密码：Hmheima%123 UI设计稿【腾讯 CoDesign】面试宝典 CoDesign - 腾讯自研设计协作平台访问密码&#xff1…...

编程日记 2025/8/25 22:46:10

深度学习/强化学习调参技巧

深度调优策略 1. 学习率调整技巧：学习率是最重要的超参数之一。过大可能导致训练不稳定，过小则收敛速度慢。可以使用学习率衰减（Learning Rate Decay）或自适应学习率方法（如Adam、RMSprop）来动态调整学习…...

编程日记 2025/8/26 7:40:59

Java常用正则表达式（身份证号、邮箱、手机号）格式校验

目录身份证号的正则表达式代码解释正则表达式方法 isValidIDCard 注意事项校验邮箱的正则表达式代码解释正则表达式方法 isValidEmail 注意事项手机号的正则表达式中国大陆手机号校验（支持空字符串） 代码解释通用手机号校验&am…...

编程日记 2025/8/20 18:24:50

1.12.信息系统的分类【ES】

专家系统（ES）技术架构深度解析一、ES核心定义 🧠 智能决策中枢由三大核心能力构建的领域专家模拟系统： 存储专家级领域知识（10^4规则量级）支持不确定性推理（置信度>85%）动态…...

编程日记 2025/8/23 6:34:47

c语言程序设计--（结构体、共用体）冲刺考研复试中的面试问答，来看看我是怎么回答的吧！

结构体 1、谈谈你对结构体的理解。答，首先在结构的基础知识上，结构是一些值的集合，这些值称为成员变量结构的每个成员可以是不同类型的变量。结构体其实就是把（一些单一类型的数据）不同类型的数据组合在一起的做法便…...

编程日记 2025/8/21 7:39:23

闭包：JavaScript 中的隐形大杀器

你可能已经在很多地方听说过闭包这个词，尤其是涉及到 JavaScript 的作用域和异步操作时。闭包是 JavaScript 中非常核心的概念，然而它又非常容易让开发者感到困惑。今天我们就来深入剖析闭包，帮助你真正理解它的工作原理，以及如何…...

编程日记 2025/8/21 16:05:15

分布式锁—7.Curator的分布式锁一

大纲 1.Curator的可重入锁的源码 2.Curator的非可重入锁的源码 3.Curator的可重入读写锁的源码 4.Curator的MultiLock源码 5.Curator的Semaphore源码 1.Curator的可重入锁的源码 (1)InterProcessMutex获取分布式锁 (2)InterProcessMutex的初始化 (3)InterProcessMutex.…...

编程日记 2025/8/25 6:41:57

linux---天气爬虫

代码概述这段代码实现了一个天气查询系统，支持实时天气、未来天气和历史天气查询。用户可以通过终端菜单选择查询类型，并输入城市名称来获取相应的天气信息。程序通过 TCP 连接发送 HTTP 请求，并解析返回的 JSON 数据来展示天气信息。 #in…...

编程日记 2025/8/26 7:39:24

C++蓝桥杯基础篇（九）

片头嗨！小伙伴们，大家好~ 今天我们将学习蓝桥杯基础篇（十），学习函数相关知识，准备好了吗？咱们开始咯！ 一、函数基础一个典型的函数定义包括以下部分：返回类型、函数名…...

编程日记 2025/8/22 18:10:07

Java Spring MVC (2)

常见的Request Controller 和 Response Controller 的区别用餐厅点餐来理解想象你去一家餐厅吃饭： Request Controller（接单员）：负责处理你的点餐请求，记录你的口味、桌号等信息。Response Controller&#xff08…...

编程日记 2025/8/26 7:36:54

Elasticsearch：使用 BigQuery 提取数据

作者：来自 Elastic Jeffrey Rengifo 了解如何使用 Python 在 Elasticsearch 中索引和搜索 Google BigQuery 数据。 BigQuery 是 Google 的一个平台，允许你将来自不同来源和服务的数据集中到一个存储库中。它还支持数据分析，并可使用生成式 AI…...

编程日记 2025/8/23 7:29:48

接口-菜品分页查询

业务内容页面上菜品根据菜品名称、菜品分类、售卖状态三个字段进行分页查询。在请求参数中携带了菜品名称、菜品分类、售卖状态三个字段参数。返回PageResult类型的实体。注意：在返回数据中在records下有个categoryName，这个字段的内容在category…...

编程日记 2025/8/24 22:23:47

springboot3 RestClient、HTTP 客户端区别

1 RestClient使用 RestClient 是 Spring 6.1 M2 中引入的同步 HTTP 客户端，它取代了 RestTemplate。同步 HTTP 客户端以阻塞方式发送和接收 HTTP 请求和响应，这意味着它会等待每个请求完成后才继续下一个请求。本文将带你了解 RestClient 的功能以及它与…...

编程日记 2025/8/26 7:40:59

自我训练模型：通往未来的必经之路？

摘要在探讨是否唯有通过自我训练模型才能掌握未来的问题时，文章强调了底层技术的重要性。当前，许多人倾向于关注应用层的便捷性，却忽视了支撑这一切的根本——底层技术。将模型简单视为产品是一种短视行为，长远来看，理…...

编程日记 2025/8/25 18:58:27

RuoYi框架添加自己的模块（学生管理系统CRUD）

RuoYi框架添加自己的模块（学生管理系统） 框架顺利运行首先肯定要顺利运行框架了，这个我不多说了设计数据库表在ry数据库中添加表tb_student 表字段如图所示如图所示注意id字段是自增的注释部分是后面成功后前端要展示的部分导入…...

编程日记 2025/8/26 7:36:52

linux查看python版本

1.查看Linux是否安装python yum list all | grep python 2.Linux安装python yum install python 3.Linux查看python版本 python -V...

编程日记 2025/8/16 10:08:50

算法题（89）：单项链表

审题： 本题需要我们实现一个可以执行三个指令的数据结构来解决这里的问题思路： 方法一：利用数组模拟链表由于这里涉及插入删除操作，所以我们不能使用数组结构存储数据，这样子会超时，所以我们就利用数组来…...

编程日记 2025/8/26 7:41:00

开源之夏经验分享｜Koupleless 社区黄兴抗：在开源中培养工程思维

开源之夏经验分享｜Koupleless 社区黄兴抗：在开源中培养工程思维文|黄兴抗电子信息工程专业 Koupleless 社区贡献者就读于南昌师范学院，电子信息工程专业的大三学生。本文 2634 字，预计阅读 7 分钟今天 SOFAStack 邀…...

编程日记 2025/8/22 15:17:51

体验开源openeuler openharmony stratovirt模拟器

文档 openeuler社区面向数字基础设施的开源操作系统 openharmony社区 OpenHarmony是由开放原子开源基金会（OpenAtom Foundation）孵化及运营的开源项目, 目标是面向全场景、全连接、全智能时代、基于开源的方式，搭建一个智能终端设备操作系统…...

编程日记 2025/8/23 19:37:59

【AI实践】基于TensorFlow/Keras的CNN（卷积神经网络）简单实现：手写数字识别的工程实践

深度神经网络系列文章【AI深度学习网络】卷积神经网络（CNN）入门指南：从生物启发的原理到现代架构演进【AI实践】基于TensorFlow/Keras的CNN（卷积神经网络）简单实现：手写数字识别的工程实践引言在深度…...

编程日记 2025/8/26 7:39:22

深入探讨AI-Ops架构第一讲 - 运维的进化历程以及未来发展趋势

首先，让我们一起回顾运维的进化之路，然后再深入探讨AI-Ops架构的细节。运维的进化历程 1. AI 大范围普及前的运维状态 (传统运维) 在AI技术尚未广泛渗透到运维领域之前，我们称之为传统运维，其主要特点是： 人工驱动…...

编程日记 2025/8/22 10:45:22

2025年全球生成式AI消费应用发展趋势报告

原文链接：The Top 100 Gen AI Consumer Apps - 4th Edition | Andreessen Horowitz 核心要点：本报告由a16z发布，深度解析了2025年全球生成式AI消费应用的发展格局，揭示了技术迭代与商业化加速的双重趋势。报告显示，A…...

编程日记 2025/8/26 7:39:23

VBA 列方向合并单元格，左侧范围大于右侧范围

实现功能如下： excel指定行列范围内的所有单元格规则1：每一列的连续相同的值合并单元格规则2：每一列的第一个非空单元格与其下方的所有空白单元格合并单元规则3：优先左侧列合并单元格，合并后，右侧的单元…...

编程日记 2025/8/26 7:39:23

设计AI芯片架构的入门研究生入行数字芯片设计、验证的项目 opentitan

前言这几年芯片设计行业在国内像坐过山车。时而高亢，时而低潮。最近又因为AI的热潮开始high起来。到底芯片行业的规律是如何？ 我谈谈自己观点：芯片设计是“劳动密集型”行业。 “EDA和工具高度标准化和代工厂的工艺标准化之后，芯…...

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

【弹性计算】异构计算云服务和 AI 加速器（二）：适用场景

异构计算云服务和 AI 加速器（二）：适用场景 1.图形处理2.视频处理3.计算4.人工智能异构计算目前已经被广泛地应用于生产和生活当中，主要应用场景如下图所示。 1.图形处理 GPU 云服务器在传统的图形处理领域具有强大的优势&…...

编程日记 2025/8/26 7:39:24

JVM常用概念之移动GC和局部性

问题非移动GC一定比移动GC好吗？ 基础知识移动GC和非移动GC 移动GC 在进行垃圾回收时，为了减少碎片而移动对象来顺利完成垃圾回收的GC。 Serial GC 在单线程环境下，它在标记-清除（Mark-Sweep）算法的基础上进行…...

编程日记 2025/8/20 22:40:05

微服务保护：Sentinel

home | Sentinelhttps://sentinelguard.io/zh-cn/ 微服务保护的方案有很多，比如： 请求限流线程隔离服务熔断服务故障最重要原因，就是并发太高！解决了这个问题，就能避免大部分故障。当然，接口的并发…...

编程日记 2025/8/21 1:59:13

使用Wireshark截取并解密摄像头画面

在物联网（IoT）设备普及的今天，安全摄像头等智能设备在追求便捷的同时，往往忽视了数据传输过程中的加密保护。很多摄像头默认通过 HTTP 协议传输数据，而非加密的 HTTPS，从而给潜在攻击者留下了可乘之机。本文…...

编程日记 2025/8/26 7:39:22

IDEA 基础配置: maven配置 | 服务窗口配置

文章目录 IDEA版本与MAVEN版本对应关系maven配置镜像源插件idea打开服务工具窗口IDEA中的一些常见问题及其解决方案IDEA版本与MAVEN版本对应关系查找发布时间在IDEA版本之前的dea2021可以使用maven3.8以及以前的版本比如我是idea2021.2.2 ,需要将 maven 退到 apache-maven-3.…...

编程日记 2025/8/22 5:21:40

20250-3-8 树的存储结构

一、树的逻辑结构回顾树：一个分支结点可以有多课子树如果按照二叉树的存储来实现树的存储，则只依靠数组下标，无法反映结点之间的逻辑关系。二、双亲表示法（顺序存储） 1.因此：我们可以用链式存储的方法&…...

编程日记 2025/8/24 10:55:14

Visual-RFT视觉强化微调：用「试错学习」教会AI看图说话

📜 文献卡英文题目: Visual-RFT: Visual Reinforcement Fine-Tuning;作者: Ziyu Liu; Zeyi Sun; Yuhang Zang; Xiaoyi Dong; Yuhang Cao; Haodong Duan; Dahua Lin; Jiaqi WangDOI: 10.48550/arXiv.2503.01785摘要翻译: 像OpenAI o1这样的大型推理模型中的强化微调…...

编程日记 2025/8/22 5:10:30

PDF处理控件Aspose.PDF，如何实现企业级PDF处理

PDF处理为何成为开发者的“隐形雷区”？ “手动调整200页PDF目录耗时3天，扫描件文字识别错误导致数据混乱，跨平台渲染格式崩坏引发客户投诉……” 作为开发者，你是否也在为PDF处理的复杂细节消耗大量精力？Aspose.PDF凭…...

编程日记 2025/8/23 1:17:00

DeepSeek-R1本地化部署（Mac）

一、下载 Ollama 本地化部署需要用到 Ollama，它能支持很多大模型。官方网站：https://ollama.com/ 点击 Download 即可，支持macOS,Linux 和 Windows；我下载的是 mac 版本，要求macOS 11 Big Sur or later，Ol…...

编程日记 2025/8/23 4:32:26

Swift Package Manager (SPM) 创建并集成本地库

在macOS 项目中，使用 Swift Package Manager (SPM) 创建并集成本地库的完整步骤。创建一个macos应用程序，选择 swift、oc、swiftui都可以。创建好应用之后，开始创建SPM本地库。打开终端app，进入项目根目录，逐次输…...

编程日记 2025/8/19 21:00:54

分布式锁—6.Redisson的同步器组件

大纲 1.Redisson的分布式锁简单总结 2.Redisson的Semaphore简介 3.Redisson的Semaphore源码剖析 4.Redisson的CountDownLatch简介 5.Redisson的CountDownLatch源码剖析 1.Redisson的分布式锁简单总结 (1)可重入锁RedissonLock (2)公平锁RedissonFairLock (3)联锁MultiL…...

编程日记 2025/8/19 10:14:10

自定义图标

vue2.0中自定义弹窗（核心代码）

样式文件

vue文件

实现代码

创建自定义标签（核心代码）

定义样式为扩散圆

实现代码

聚合图层

分类渲染降雨等值面事例

相关文章：