大厂也在用的分布式链路追踪：TraceIdFilter + MDC + Skywalking

  • 痛点

  • 查线上日志时，同一个 Pod 内多线程日志交错，很难追踪每个请求对应的日志信息。

  • 日志收集工具将多个 Pod 的日志收集到同一个数据库中后，情况就更加混乱不堪了。

解决

TraceId + MDC

  • 前端每次请求时，添加 X-App-Trace-Id 请求头，X-App-Trace-Id 值的生成方式可以选择【时间戳 + UUID】，保证 traceId 的唯一性。

  • 后端在 TraceIdFilter 中取出 X-App-Trace-Id 的值：String traceId = httpServletRequest.getHeader(TRACE_ID_HEADER_KEY)。如果请求没有携带 X-App-Trace-Id 请求头，后端服务可以使用 UUID 或者 Snowflake 算法生成一个 traceId。

  • 将 traceId 塞到 slf4j MDC 中：MDC.put(MDC_TRACE_ID_KEY, traceId)，在 logback pattern 中使用 %X{traceId} 占位符打印 traceId。

public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain)throws IOException, ServletException {HttpServletRequest httpServletRequest = (HttpServletRequest) request;String traceId = httpServletRequest.getHeader(TRACE_ID_HEADER_KEY);if (StrUtil.isBlank(traceId)) {traceId = UUID.randomUUID().toString();}MDC.put(MDC_TRACE_ID_KEY, traceId);try {chain.doFilter(request, response);} finally {MDC.remove(MDC_TRACE_ID_KEY);}
}

<?xml version="1.0" encoding="UTF-8"?>
<configuration debug="false"><property name="pattern" value="[%d{yyyy-MM-dd HH:mm:ss.SSS}] %-5level [%thread] %logger %line [%X{traceId}] [%tid] - %msg%n"/>
整合 Feign

发起服务间调用时，需要将 MDC 中的 traceId 传递到被调用服务。我们项目中统一使用 Feign Client，实现服务间的 HTTP 远程调用，在 Feign RequestInterceptor 中，取出 MDC 中的 traceId，塞到请求头中：requestTemplate.header(TRACE_ID_HEADER_KEY, MDC.get(MDC_TRACE_ID_KEY));

@Override
public void apply(RequestTemplate template) {template.header(TRACE_ID_HEADER_KEY, MDC.get(MDC_TRACE_ID_KEY));
}
多线程适配

Please note that MDC as implemented by logback-classic assumes that values are placed into the MDC with moderate frequency. Also note that a child thread does not automatically inherit a copy of the mapped diagnostic context of its parent.

在子线程执行任务前，将父线程的 MDC 内容设置到子线程的 MDC 中；在子线程任务执行完成后，清除子线程 MDC 中的内容。

适配 JDK ThreadPoolExecutor：

public class MdcAwareThreadPoolExecutor extends ThreadPoolExecutor {@Overridepublic void execute(Runnable command) {Map<String, String> parentThreadContextMap = MDC.getCopyOfContextMap();super.execute(MdcTaskUtils.adaptMdcRunnable(command, parentThreadContextMap));}
}    

适配 Spring TaskDecorator：

@Component
public class MdcAwareTaskDecorator implements TaskDecorator {@Overridepublic Runnable decorate(Runnable runnable) {Map<String, String> parentThreadContextMap = MDC.getCopyOfContextMap();return MdcTaskUtils.adaptMdcRunnable(runnable, parentThreadContextMap);}
}

MdcTaskUtils#adaptMdcRunnable()：采用装饰者模式，装饰原生的 Runnable runnable 对象，在原生 Runnable 对象执行前，将父线程的 MDC 设置到子线程中，在原生 Runnable 对象执行结束后，清除子线程 MDC 中的内容。

@Slf4j
public abstract class MdcTaskUtils {public static Runnable adaptMdcRunnable(Runnable runnable, Map<String, String> parentThreadContextMap) {return () -> {log.debug("parentThreadContextMap: {}, currentThreadContextMap: {}", parentThreadContextMap,MDC.getCopyOfContextMap());if (MapUtils.isEmpty(parentThreadContextMap) || !parentThreadContextMap.containsKey(MDC_TRACE_ID_KEY)) {log.debug("can not find a parentThreadContextMap, maybe task is fired using async or schedule task.");MDC.put(MDC_TRACE_ID_KEY, UUID.randomUUID().toString());} else {MDC.put(MDC_TRACE_ID_KEY, parentThreadContextMap.get(MDC_TRACE_ID_KEY));}try {runnable.run();} finally {MDC.remove(MDC_TRACE_ID_KEY);}};}}
整合 Skywalking

Skywalking 官方提供了对 logback 1.x 版本的适配：apm-toolkit-logback-1.x，可以在 logback 中打印 skywalking traceId，可以将 X-App-Trace-Id 和 skywalking traceId 结合起来，方便接口业务和性能问题的排查。

  • layout 具体实现类选择 TraceIdPatternLogbackLayout。

  • 在 logback pattern 中使用 %tid 打印 skywalking traceId。

<?xml version="1.0" encoding="UTF-8"?>
<configuration debug="false"><property name="pattern" value="[%d{yyyy-MM-dd HH:mm:ss.SSS}] %-5level [%thread] %logger %line [%X{traceId}] [%tid] - %msg%n"/><appender name="STDOUT" class="ch.qos.logback.core.ConsoleAppender"><encoder class="ch.qos.logback.core.encoder.LayoutWrappingEncoder"><layout class="org.apache.skywalking.apm.toolkit.log.logback.v1.x.TraceIdPatternLogbackLayout"><pattern>${pattern}</pattern></layout></encoder></appender>

TraceIdPatternLogbackLayout 类初始化时，添加了两个 PatternConverter：

  • tid： 使用 LogbackPatternConverter，将 %tid 占位符转换为 skywalking traceId。

  • sw_ctx： 使用 LogbackSkyWalkingContextPatternConverter，将 %sw_ctx 占位符转换为 skywalking context。

public class TraceIdPatternLogbackLayout extends PatternLayout {public TraceIdPatternLogbackLayout() {}static {defaultConverterMap.put("tid", LogbackPatternConverter.class.getName());defaultConverterMap.put("sw_ctx", LogbackSkyWalkingContextPatternConverter.class.getName());}
}

LogbackPatternConverter#convert() 方法写死了返回 "TID: N/A"，这是怎么回事呢？

public class LogbackPatternConverter extends ClassicConverter {public LogbackPatternConverter() {}public String convert(ILoggingEvent iLoggingEvent) {return "TID: N/A";}
}

启动 Java 应用时，指定 java agent 启动参数 -javaagent:-javaagent:/opt/tools/skywalking-agent.jar。

skywalking agent 会代理 LogbackPatternConverter 类，重写 convert() 方法的逻辑。

package org.apache.skywalking.apm.toolkit.log.logback.v1.x;import ch.qos.logback.classic.pattern.ClassicConverter;
import ch.qos.logback.classic.spi.ILoggingEvent;
import java.lang.reflect.Method;
import org.apache.skywalking.apm.agent.core.plugin.interceptor.enhance.EnhancedInstance;
import org.apache.skywalking.apm.agent.core.plugin.interceptor.enhance.InstMethodsInter;
import org.apache.skywalking.apm.toolkit.log.logback.v1.x.LogbackPatternConverter$auxiliary$pJ6Zrqzi;public class LogbackPatternConverter
extends ClassicConverter
implements EnhancedInstance {private volatile Object _$EnhancedClassField_ws;public static volatile /* synthetic */ InstMethodsInter delegate$mo3but1;private static final /* synthetic */ Method cachedValue$oeLgRjrq$u5j8qu3;public String convert(ILoggingEvent iLoggingEvent) {return (String)delegate$mo3but1.intercept(this, new Object[]{iLoggingEvent}, new LogbackPatternConverter$auxiliary$pJ6Zrqzi(this, iLoggingEvent), cachedValue$oeLgRjrq$u5j8qu3);}private /* synthetic */ String convert$original$T8InTdln(ILoggingEvent iLoggingEvent) {
/*34*/         return "TID: N/A";}@Overridepublic void setSkyWalkingDynamicField(Object object) {this._$EnhancedClassField_ws = object;}@Overridepublic Object getSkyWalkingDynamicField() {return this._$EnhancedClassField_ws;}static {ClassLoader.getSystemClassLoader().loadClass("org.apache.skywalking.apm.dependencies.net.bytebuddy.dynamic.Nexus").getMethod("initialize", Class.class, Integer.TYPE).invoke(null, LogbackPatternConverter.class, -1942176692);cachedValue$oeLgRjrq$u5j8qu3 = LogbackPatternConverter.class.getMethod("convert", ILoggingEvent.class);}final /* synthetic */ String convert$original$T8InTdln$accessor$oeLgRjrq(ILoggingEvent iLoggingEvent) {return this.convert$original$T8InTdln(iLoggingEvent);}
}

MDC 原理

MDC 在 slf4j-api jar 包中，MDC 是 slf4j 的规范，对 MDC 的所有操作都会落到 MDCAdapter 接口的方法上。

public class MDC {static final String NULL_MDCA_URL = "http://www.slf4j.org/codes.html#null_MDCA";static final String NO_STATIC_MDC_BINDER_URL = "http://www.slf4j.org/codes.html#no_static_mdc_binder";static MDCAdapter mdcAdapter;public static void put(String key, String val) throws IllegalArgumentException {if (key == null) {throw new IllegalArgumentException("key parameter cannot be null");}if (mdcAdapter == null) {throw new IllegalStateException("MDCAdapter cannot be null. See also " + NULL_MDCA_URL);}mdcAdapter.put(key, val);}
}

MDCAdapter 是 slf4j 提供的 MDC 适配器接口，也就是 MDC 的规范。任何日志框架想要使用 MDC 功能，需要遵守 MDCAdapter 接口接口规范，实现接口中的方法。

// This interface abstracts the service offered by various MDC implementations.
public interface MDCAdapter {public void put(String key, String val);public String get(String key);
}

Logback 日志框架提供了对 MDCAdapter 的适配：LogbackMDCAdapter，底层采用 ThreadLocal 实现。

public class LogbackMDCAdapter implements MDCAdapter {// The internal map is copied so as// We wish to avoid unnecessarily copying of the map. To ensure// efficient/timely copying, we have a variable keeping track of the last// operation. A copy is necessary on 'put' or 'remove' but only if the last// operation was a 'get'. Get operations never necessitate a copy nor// successive 'put/remove' operations, only a get followed by a 'put/remove'// requires copying the map.// See http://jira.qos.ch/browse/LOGBACK-620 for the original discussion.// We no longer use CopyOnInheritThreadLocal in order to solve LBCLASSIC-183// Initially the contents of the thread local in parent and child threads// reference the same map. However, as soon as a thread invokes the put()// method, the maps diverge as they should.final ThreadLocal<Map<String, String>> copyOnThreadLocal = new ThreadLocal<Map<String, String>>();private static final int WRITE_OPERATION = 1;private static final int MAP_COPY_OPERATION = 2;// keeps track of the last operation performedfinal ThreadLocal<Integer> lastOperation = new ThreadLocal<Integer>();public void put(String key, String val) throws IllegalArgumentException {if (key == null) {throw new IllegalArgumentException("key cannot be null");}Map<String, String> oldMap = copyOnThreadLocal.get();Integer lastOp = getAndSetLastOperation(WRITE_OPERATION);if (wasLastOpReadOrNull(lastOp) || oldMap == null) {Map<String, String> newMap = duplicateAndInsertNewMap(oldMap);newMap.put(key, val);} else {oldMap.put(key, val);}}public String get(String key) {final Map<String, String> map = copyOnThreadLocal.get();if ((map != null) && (key != null)) {return map.get(key);} else {return null;}}
}

Logback 占位符

PatternLayout 类初始化时，设置了 logback 常用占位符对应的 Converter。

public class PatternLayout extends PatternLayoutBase<ILoggingEvent> {public static final Map<String, String> DEFAULT_CONVERTER_MAP = new HashMap<String, String>();public static final Map<String, String> CONVERTER_CLASS_TO_KEY_MAP = new HashMap<String, String>();/*** @deprecated replaced by DEFAULT_CONVERTER_MAP*/public static final Map<String, String> defaultConverterMap = DEFAULT_CONVERTER_MAP;public static final String HEADER_PREFIX = "#logback.classic pattern: ";static {DEFAULT_CONVERTER_MAP.putAll(Parser.DEFAULT_COMPOSITE_CONVERTER_MAP);DEFAULT_CONVERTER_MAP.put("d", DateConverter.class.getName());DEFAULT_CONVERTER_MAP.put("date", DateConverter.class.getName());CONVERTER_CLASS_TO_KEY_MAP.put(DateConverter.class.getName(), "date");DEFAULT_CONVERTER_MAP.put("r", RelativeTimeConverter.class.getName());DEFAULT_CONVERTER_MAP.put("relative", RelativeTimeConverter.class.getName());CONVERTER_CLASS_TO_KEY_MAP.put(RelativeTimeConverter.class.getName(), "relative");DEFAULT_CONVERTER_MAP.put("level", LevelConverter.class.getName());DEFAULT_CONVERTER_MAP.put("le", LevelConverter.class.getName());DEFAULT_CONVERTER_MAP.put("p", LevelConverter.class.getName());CONVERTER_CLASS_TO_KEY_MAP.put(LevelConverter.class.getName(), "level");DEFAULT_CONVERTER_MAP.put("t", ThreadConverter.class.getName());DEFAULT_CONVERTER_MAP.put("thread", ThreadConverter.class.getName());CONVERTER_CLASS_TO_KEY_MAP.put(ThreadConverter.class.getName(), "thread");DEFAULT_CONVERTER_MAP.put("lo", LoggerConverter.class.getName());DEFAULT_CONVERTER_MAP.put("logger", LoggerConverter.class.getName());DEFAULT_CONVERTER_MAP.put("c", LoggerConverter.class.getName());CONVERTER_CLASS_TO_KEY_MAP.put(LoggerConverter.class.getName(), "logger");DEFAULT_CONVERTER_MAP.put("m", MessageConverter.class.getName());DEFAULT_CONVERTER_MAP.put("msg", MessageConverter.class.getName());DEFAULT_CONVERTER_MAP.put("message", MessageConverter.class.getName());CONVERTER_CLASS_TO_KEY_MAP.put(MessageConverter.class.getName(), "message");DEFAULT_CONVERTER_MAP.put("C", ClassOfCallerConverter.class.getName());DEFAULT_CONVERTER_MAP.put("class", ClassOfCallerConverter.class.getName());CONVERTER_CLASS_TO_KEY_MAP.put(ClassOfCallerConverter.class.getName(), "class");DEFAULT_CONVERTER_MAP.put("M", MethodOfCallerConverter.class.getName());DEFAULT_CONVERTER_MAP.put("method", MethodOfCallerConverter.class.getName());CONVERTER_CLASS_TO_KEY_MAP.put(MethodOfCallerConverter.class.getName(), "method");DEFAULT_CONVERTER_MAP.put("L", LineOfCallerConverter.class.getName());DEFAULT_CONVERTER_MAP.put("line", LineOfCallerConverter.class.getName());CONVERTER_CLASS_TO_KEY_MAP.put(LineOfCallerConverter.class.getName(), "line");DEFAULT_CONVERTER_MAP.put("F", FileOfCallerConverter.class.getName());DEFAULT_CONVERTER_MAP.put("file", FileOfCallerConverter.class.getName());CONVERTER_CLASS_TO_KEY_MAP.put(FileOfCallerConverter.class.getName(), "file");DEFAULT_CONVERTER_MAP.put("X", MDCConverter.class.getName());DEFAULT_CONVERTER_MAP.put("mdc", MDCConverter.class.getName());DEFAULT_CONVERTER_MAP.put("ex", ThrowableProxyConverter.class.getName());DEFAULT_CONVERTER_MAP.put("exception", ThrowableProxyConverter.class.getName());DEFAULT_CONVERTER_MAP.put("rEx", RootCauseFirstThrowableProxyConverter.class.getName());DEFAULT_CONVERTER_MAP.put("rootException", RootCauseFirstThrowableProxyConverter.class.getName());DEFAULT_CONVERTER_MAP.put("throwable", ThrowableProxyConverter.class.getName());DEFAULT_CONVERTER_MAP.put("xEx", ExtendedThrowableProxyConverter.class.getName());DEFAULT_CONVERTER_MAP.put("xException", ExtendedThrowableProxyConverter.class.getName());DEFAULT_CONVERTER_MAP.put("xThrowable", ExtendedThrowableProxyConverter.class.getName());DEFAULT_CONVERTER_MAP.put("nopex", NopThrowableInformationConverter.class.getName());DEFAULT_CONVERTER_MAP.put("nopexception", NopThrowableInformationConverter.class.getName());DEFAULT_CONVERTER_MAP.put("cn", ContextNameConverter.class.getName());DEFAULT_CONVERTER_MAP.put("contextName", ContextNameConverter.class.getName());CONVERTER_CLASS_TO_KEY_MAP.put(ContextNameConverter.class.getName(), "contextName");DEFAULT_CONVERTER_MAP.put("caller", CallerDataConverter.class.getName());CONVERTER_CLASS_TO_KEY_MAP.put(CallerDataConverter.class.getName(), "caller");DEFAULT_CONVERTER_MAP.put("marker", MarkerConverter.class.getName());CONVERTER_CLASS_TO_KEY_MAP.put(MarkerConverter.class.getName(), "marker");DEFAULT_CONVERTER_MAP.put("property", PropertyConverter.class.getName());DEFAULT_CONVERTER_MAP.put("n", LineSeparatorConverter.class.getName());DEFAULT_CONVERTER_MAP.put("black", BlackCompositeConverter.class.getName());DEFAULT_CONVERTER_MAP.put("red", RedCompositeConverter.class.getName());DEFAULT_CONVERTER_MAP.put("green", GreenCompositeConverter.class.getName());DEFAULT_CONVERTER_MAP.put("yellow", YellowCompositeConverter.class.getName());DEFAULT_CONVERTER_MAP.put("blue", BlueCompositeConverter.class.getName());DEFAULT_CONVERTER_MAP.put("magenta", MagentaCompositeConverter.class.getName());DEFAULT_CONVERTER_MAP.put("cyan", CyanCompositeConverter.class.getName());DEFAULT_CONVERTER_MAP.put("white", WhiteCompositeConverter.class.getName());DEFAULT_CONVERTER_MAP.put("gray", GrayCompositeConverter.class.getName());DEFAULT_CONVERTER_MAP.put("boldRed", BoldRedCompositeConverter.class.getName());DEFAULT_CONVERTER_MAP.put("boldGreen", BoldGreenCompositeConverter.class.getName());DEFAULT_CONVERTER_MAP.put("boldYellow", BoldYellowCompositeConverter.class.getName());DEFAULT_CONVERTER_MAP.put("boldBlue", BoldBlueCompositeConverter.class.getName());DEFAULT_CONVERTER_MAP.put("boldMagenta", BoldMagentaCompositeConverter.class.getName());DEFAULT_CONVERTER_MAP.put("boldCyan", BoldCyanCompositeConverter.class.getName());DEFAULT_CONVERTER_MAP.put("boldWhite", BoldWhiteCompositeConverter.class.getName());DEFAULT_CONVERTER_MAP.put("highlight", HighlightingCompositeConverter.class.getName());DEFAULT_CONVERTER_MAP.put("lsn", LocalSequenceNumberConverter.class.getName());CONVERTER_CLASS_TO_KEY_MAP.put(LocalSequenceNumberConverter.class.getName(), "lsn");DEFAULT_CONVERTER_MAP.put("prefix", PrefixCompositeConverter.class.getName());}
}

ThreadConverter：将 %thread 占位符转换为 logger 线程。

public class ThreadConverter extends ClassicConverter {public String convert(ILoggingEvent event) {return event.getThreadName();}
}

在 PatternLayout 中，默认添加了对 MDC 的支持，可以将 %X{key} 或者 %mdc{key} 占位符转换为 MDC.get(key)。

DEFAULT_CONVERTER_MAP.put("X", MDCConverter.class.getName());
DEFAULT_CONVERTER_MAP.put("mdc", MDCConverter.class.getName());

MDCConverter 为何可以将 %X{traceId} 或者 %mdc{traceId} 占位符转换为 MDC.get("traceId") ？

在程序启动时，ch.qos.logback.core.pattern.parser.Compiler#compile() 会解析用户配置的 pattern 表达式，得到 pattern 中需要动态解析的占位符，比如 %d{yyyy-MM-dd HH:mm:ss.SSS}，%X{traceId}。

将这些动态占位符传递给 DynamicConverter#optionList 字段（MDCConverter 本质就是 DynamicConverter），optionList 字段包含程序要处理的占位符名称，比如 traceId。

图片

程序启动时，logback 进行 Convert 初始化，会调用 MDCConverter#start() 方法，将成员变量 private String key 的值设置为 traceId（MDCConverter#getFirstOption() 返回用户配置的 traceId）。

图片

在 MDCConverter#convert() 方法中，将 traceId 占位符转换为 MDC.get(key)：String value = mdcPropertyMap.get(key)。

public class MDCConverter extends ClassicConverter {private String key;private String defaultValue = "";@Overridepublic void start() {String[] keyInfo = extractDefaultReplacement(getFirstOption());key = keyInfo[0];if (keyInfo[1] != null) {defaultValue = keyInfo[1];}super.start();}@Overridepublic String convert(ILoggingEvent event) {Map<String, String> mdcPropertyMap = event.getMDCPropertyMap();if (mdcPropertyMap == null) {return defaultValue;}if (key == null) {return outputMDCForAllKeys(mdcPropertyMap);} else {String value = mdcPropertyMap.get(key);if (value != null) {return value;} else {return defaultValue;}}}
}

ILoggingEvent 接口的实现类 LoggingEvent 中，对 MDCAdapter 做了适配：

public class LoggingEvent implements ILoggingEvent {public Map<String, String> getMDCPropertyMap() {// populate mdcPropertyMap if nullif (mdcPropertyMap == null) {MDCAdapter mdc = MDC.getMDCAdapter();if (mdc instanceof LogbackMDCAdapter)mdcPropertyMap = ((LogbackMDCAdapter) mdc).getPropertyMap();elsemdcPropertyMap = mdc.getCopyOfContextMap();}// mdcPropertyMap still null, use emptyMap()if (mdcPropertyMap == null)mdcPropertyMap = Collections.emptyMap();return mdcPropertyMap;}
}

来源：juejin.cn/post/7278498472860581925

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/diannao/62021.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

Dashboard Tactics

Dashboard Tactics

1&#xff1a;相关链接Dashboard Tactics :: OpenCPN Dashboard Tactics Plugin rgleason/dashboard_tactics_pi: OpenCPN dashboard built-in plugin merger with external tactics_pi plugin NMEAconverter :: OpenCPN 2&#xff1a;显示样式 3&#xff1a;代码 这个插件…
阅读更多...
【leetcode】动态规划

【leetcode】动态规划

31. 873. 最长的斐波那契子序列的长度 题目&#xff1a; 如果序列 X_1, X_2, ..., X_n 满足下列条件&#xff0c;就说它是 斐波那契式 的&#xff1a; n > 3对于所有 i 2 < n&#xff0c;都有 X_i X_{i1} X_{i2} 给定一个严格递增的正整数数组形成序列 arr &#xff0…
阅读更多...
24.11.26 Mybatis2

24.11.26 Mybatis2

resultMap 中的标签和属性 如果是主键列 一般用id标签对应 propertyjava对象的属性 column 数据库中的列( javaType实体类数据类型 jdbcType数据库列的数据类型 ) 不需要配置 <id property"empno" column"empno" />如果是普通列 一般用result对…
阅读更多...
第六届国际科技创新学术交流大会暨新能源科学与电力工程国际（NESEE 2024）

第六届国际科技创新学术交流大会暨新能源科学与电力工程国际（NESEE 2024）

重要信息 会议官网&#xff1a;nesee.iaecst.org 会议时间&#xff1a;2024年12月6-8日 会议地点&#xff1a; 中国-广州&#xff08;越秀国际会议中心) 大会简介 新能源科学与电力工程国际学术会议&#xff08;NESEE 2024&#xff09;作为第六届国际科技创新学术交流大会分…
阅读更多...
【es6】原生js在页面上画矩形添加选中状态高亮及显示调整大小控制框(三)

【es6】原生js在页面上画矩形添加选中状态高亮及显示调整大小控制框(三)

接上篇文章&#xff0c;这篇实现下选中当前元素显示调整大小的控制框&#xff0c;点击document取消元素的选中高亮状态效果。 实现效果 代码逻辑 动态生成控制按钮矩形,并设置响应的css // 动态添加一个调整位置的按钮addScaleBtn(target) {const w target.offsetWidth;con…
阅读更多...
文心一言与千帆大模型平台的区别：探索百度AI生态的双子星

文心一言与千帆大模型平台的区别：探索百度AI生态的双子星

随着人工智能技术的迅猛发展&#xff0c;越来越多的公司开始投入资源开发自己的AI解决方案。在中国&#xff0c;百度作为互联网巨头之一&#xff0c;不仅在搜索引擎领域占据重要位置&#xff0c;还在AI领域取得了显著成就。其中&#xff0c;“文心一言”和“千帆大模型平台”便…
阅读更多...
【西瓜书】神经网络-MP神经元、感知机和多层网络

【西瓜书】神经网络-MP神经元、感知机和多层网络

神经网络&#xff08;neural networks&#xff09;的定义&#xff1a;神经网络是由具有适应性的简单单元组成的广泛并行互联的网络&#xff0c;它的组织能够模拟生物神经系统对真实世界物体所作出的交互反应。&#xff08;T. Kohonen 1988年在Neural Networks创刊号上给出的定义…
阅读更多...
《基于FPGA的便携式PWM方波信号发生器》论文分析（三）——数码管稳定显示与系统调试

《基于FPGA的便携式PWM方波信号发生器》论文分析（三）——数码管稳定显示与系统调试

一、论文概述 基于FPGA的便携式PWM方波信号发生器是一篇由任青颖、庹忠曜、黄洵桢、李智禺和张贤宇 等人发表的一篇期刊论文。该论文主要研究了一种新型的信号发生器&#xff0c;旨在解决传统PWM信号发生器在移动设备信号调控中存在的精准度低和便携性差的问题 。其基于现场可编…
阅读更多...
一个专为云原生环境设计的高性能分布式文件系统

一个专为云原生环境设计的高性能分布式文件系统

大家好&#xff0c;今天给大家分享一款开源创新的分布式 POSIX 文件系统JuiceFS&#xff0c;旨在解决海量云存储与各类应用平台&#xff08;如大数据、机器学习、人工智能等&#xff09;之间高效对接的问题。 项目介绍 JuiceFS 是一款面向云原生设计的高性能分布式文件系统&am…
阅读更多...
【JavaScript】图解JS中的字符串方法

【JavaScript】图解JS中的字符串方法

&#x1f4af; 欢迎光临清清ww的博客小天地&#x1f4af; &#x1f525; 个人主页:【清清ww】&#x1f525; &#x1f4da; 系列专栏:vue3 | TypeScript &#x1f4da; &#x1f31f; 学习本无底&#xff0c;前进莫徬徨。&#x1f31f; 目录 一.字符串查找 1.length属性 2. i…
阅读更多...
ffmpeg视频滤镜：替换部分帧-freezeframes

ffmpeg视频滤镜：替换部分帧-freezeframes

滤镜描述 freezeframes 官网地址 > FFmpeg Filters Documentation 这个滤镜接收两个输入&#xff0c;然后会将第一个视频中的部分帧替换为第二个视频的某一帧。 滤镜使用 参数 freezeframes AVOptions:first <int64> ..FV....... set first fra…
阅读更多...
云计算-华为HCIA-学习笔记

云计算-华为HCIA-学习笔记

笔者今年7月底考取了华为云计算方向的HCIE认证&#xff0c;回顾从IA到IE的学习和项目实战&#xff0c;想整合和分享自己的学习历程&#xff0c;欢迎志同道合的朋友们一起讨论&#xff01; 第三章&#xff1a;常见设备 交换机 二层交换机和三层交换机&#xff0c;所谓二层交换机…
阅读更多...
问题记录-Java后端

问题记录-Java后端

问题记录 目录 问题记录1.多数据源使用事务注意事项&#xff1f;2.mybatis执行MySQL的存储过程&#xff1f;3.springBoot加载不到nacos配置中心的配置问题4.服务器产生大量close_wait情况 1.多数据源使用事务注意事项&#xff1f; 问题&#xff1a;在springBoot项目中多表处理数…
阅读更多...
瑞派宠物医生 | 热爱与实践交织，专注宠物口腔健康

瑞派宠物医生 | 热爱与实践交织，专注宠物口腔健康

热爱与实践交织的兽医梦 瑞派上海乔登宠物医院院长陈德举自小便与赛鸽结下了不解之缘&#xff0c;家族中饲养赛鸽的传统不仅让他对鸟类产生了浓厚的兴趣&#xff0c;更在心中埋下了成为一名兽医的种子。在面临高考这一人生重要抉择时&#xff0c;他毫不犹豫地选择了兽医专业&am…
阅读更多...
【AIGC】如何准确引导ChatGPT，实现精细化GPTs指令生成

【AIGC】如何准确引导ChatGPT，实现精细化GPTs指令生成

博客主页&#xff1a; [小ᶻ☡꙳ᵃⁱᵍᶜ꙳] 本文专栏: AIGC | 提示词Prompt应用实例 文章目录 &#x1f4af;前言&#x1f4af;准确引导ChatGPT创建爆款小红书文案GPTs指令案例&#x1f4af; 高效开发GPTs应用的核心原则明确应用场景和目标受众构建多样化风格模板提问与引…
阅读更多...
json格式数据集转换成yolo的txt格式数据集

json格式数据集转换成yolo的txt格式数据集

这个代码是参考了两个博客 我是感觉第一篇博客可能有问题&#xff0c;然后自己做了改进&#xff0c;如果我是错误的或者正确的&#xff0c;请各位评论区说一下&#xff0c;感谢 Json格式的数据集标签转化为有效的txt格式(data_coco)_train.json-CSDN博客 COCO&#xff08;.j…
阅读更多...
Ajax学习笔记，第一节：语法基础

Ajax学习笔记，第一节：语法基础

Ajax学习笔记&#xff0c;第一节&#xff1a;语法基础 一、概念 1、什么是Ajax 使用浏览器的 XMLHttpRequest 对象 与服务器通信2、什么是axios Axios是一个基于Promise的JavaScript库&#xff0c;支持在浏览器和Node.js环境中使用。相较于Ajax&#xff0c;Axios提供了更多…
阅读更多...
【ONE·基础算法 || 动态规划（二）】

【ONE·基础算法 || 动态规划（二）】

总言 主要内容&#xff1a;编程题举例&#xff0c;熟悉理解动态规划类题型&#xff08;子数组、子序列问题&#xff09;。                文章目录 总言5、子数组问题&#xff08;数组中连续的一段&#xff09;5.1、最大子数组和&#xff08;medium&#xff09;5.1.…
阅读更多...
数据库相关学习杂记-事务

数据库相关学习杂记-事务

ARIES&#xff08;基于语义的恢复与隔离算法&#xff09;是现代数据库理论的基础。提供了解决ACID中A、I、D重要的解决思路。 基础知识 这里先复习一下关于ACID的含义以及数据库隔离级别&#xff1a; ACID的含义 原子性&#xff08;Atomicity&#xff09;: 一个事务中被视为…
阅读更多...
2024 java大厂面试复习总结（一）（持续更新）

2024 java大厂面试复习总结（一）（持续更新）

10年java程序员&#xff0c;2024年正好35岁&#xff0c;2024年11月公司裁员&#xff0c;记录自己找工作时候复习的一些要点。 java基础 hashCode()与equals()的相关规定 如果两个对象相等&#xff0c;则hashcode一定也是相同的两个对象相等&#xff0c;对两个对象分别调用eq…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023