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

前端高频面试题day2

如何在vue3中使用defineAsyncComponent实现异步组件加载

在 Vue 3 中,使用 defineAsyncComponent 实现异步组件加载的步骤如下:

  1. 引入方法:从 Vue 中导入 defineAsyncComponent
  2. 定义异步组件:通过 defineAsyncComponent 包装一个返回 Promise 的工厂函数,Promise 解析后返回组件。
  3. 使用组件:在模板中正常使用该异步组件。

代码示例

import { defineAsyncComponent } from 'vue';const AsyncComp = defineAsyncComponent(() => import('./MyComponent.vue')
);export default {components: { AsyncComp }
};

特点

  • 支持懒加载,优化性能。
  • 可选配置如 loadingComponenterrorComponent 提升用户体验。

v-show和v-if有什么区别?使用场景分别是什么

区别:

  1. 实现方式v-show通过display: none控制显示,元素始终在DOM中;v-if条件为假时直接移除元素,为真时重新渲染。
  2. 性能v-show适合频繁切换(仅改CSS);v-if适合不常变化的条件(初始渲染更轻量)。
  3. 特性v-if支持v-else/v-else-if,切换会触发组件销毁/创建钩子;v-show不支持且不会。

场景:

  • v-show:需频繁切换显示的元素(如快速切换的标签页)。
  • v-if:条件极少变化、复杂组件或初始无需渲染的场景。

vue计算属性的函数名和data中的属性可以同名吗?为什么?

在 Vue 中,计算属性的函数名和 data 中的属性 不可以同名,原因如下:


原因:

  1. 属性覆盖机制
    Vue 将 datacomputed 等属性都挂载到 Vue 实例上。当名称冲突时,后定义的属性会覆盖先定义的属性

    • 初始化顺序为:props → methods → data → computed → watch
    • 因此,若计算属性与 data 同名,计算属性会覆盖 data 中的同名属性,导致 data 中的原始数据无法被访问。
  2. 不可预测的逻辑错误

    • 在模板中使用该名称时,实际调用的是计算属性的结果,而非 data 中的原始数据。
    • 若尝试修改 data 中的同名属性,会因计算属性的只读性导致错误(除非计算属性有 setter)。

Vue 的警告机制

  • 当发生命名冲突时,Vue 会通过控制台输出警告,例如:
    [Vue warn]: The computed property "xxx" is already defined in data.

最佳实践

  1. 命名规范

    • data 属性与计算属性使用不同名称
      data() {return {originalMessage: 'Hello' // 原始数据};
      },
      computed: {uppercaseMessage() { // 计算属性名与 data 区分return this.originalMessage.toUpperCase();}
      }
      
  2. 代码审查

    • 通过 ESLint 或 TypeScript 类型检查避免同名冲突(如定义接口时明确区分字段)。

总结

  • 技术上允许同名,但会导致属性覆盖和逻辑混乱。
  • 强烈建议避免同名,通过清晰的命名规范提升代码可维护性。

如何监听Vuex数据的变化?

在 Vue 中监听 Vuex 数据的变化,可以通过以下几种方法实现,根据场景选择最合适的方案:


1. 计算属性 + watch

  • 适用场景:在组件内监听特定状态的变化。
  • 步骤
    1. 通过计算属性映射 Vuex 状态。
    2. watch 中监听计算属性的变化。

2. 直接使用 watch 监听 Vuex 状态

  • 适用场景:直接监听 Vuex 状态,无需计算属性。
  • 步骤
    1. watch 中直接指定 Vuex 状态的路径。
    2. 可选 deep 选项处理嵌套对象/数组。

3. Vuex 的 store.watch 方法

  • 适用场景:在非组件环境(如工具函数、服务层)监听状态变化。
  • 步骤
    1. 通过 store.watch 传入状态获取函数和回调。
    2. 返回的取消函数用于停止监听。

性能注意事项

  • 嵌套对象/数组:使用 deep: true 时性能开销较大,尽量避免深层监听。
  • 取消监听:在组件销毁前调用 unwatch()unsubscribe(),防止内存泄漏。
  • 优先级:频繁变化的状态建议用计算属性,减少 watch 的回调执行次数。

Vue Router路由守卫

  1. 什么是路由守卫?
    路由守卫是 Vue Router 提供的钩子函数,用于在路由跳转的不同阶段插入控制逻辑(如权限验证、数据预加载、页面标题切换等)。它允许开发者在导航过程中拦截、检查或修改路由行为。

  2. 路由守卫的分类
    Vue Router 的路由守卫分为三类:

    • 全局守卫:对所有路由生效,如 beforeEachbeforeResolveafterEach
    • 路由独享守卫:仅对特定路由生效,定义在路由配置的 beforeEnter 属性中。
    • 组件内守卫:定义在组件内部,如 beforeRouteEnterbeforeRouteUpdatebeforeRouteLeave

如何解决前端接口大规模并发问题

一、前端优化方案

  1. 减少请求次数

    • 合并请求(Batch API)
      • 场景:多个小请求合并为一个请求(如实时搜索、分页加载)。
      • 实现:使用防抖/节流或自定义批量接口。
      • 代码示例(防抖合并请求)
        let timer = null;
        const requests = [];
        function debounceRequest() {if (timer) clearTimeout(timer);timer = setTimeout(() => {// 合并请求并发送const batchRequest = requests.map(req => req.params);fetch('/batch-endpoint', { method: 'POST', body: JSON.stringify(batchRequest) }).then(data => handleResponse(data));requests.length = 0; // 清空队列}, 300);
        }
        // 每次触发请求时加入队列
        function addRequest(params) {requests.push({ params });debounceRequest();
        }
        
      • 接口聚合(BFF层)
        • 原理:通过后端为前端(BFF)聚合多个接口,减少前端请求次数。
        • 示例:将多个独立接口合并为一个聚合接口 /api/v1/combined
      • 数据缓存
        • 浏览器缓存:通过 Cache-ControlETag 减少重复请求。
          • 协商缓存(动态数据):ETag: "abc123"
        • 本地存储:使用 localStorageIndexedDB 缓存低频数据。
          const CACHE_KEY = 'user-profile';
          const cachedData = localStorage.getItem(CACHE_KEY);
          if (cachedData) {return JSON.parse(cachedData);
          } else {return fetch('/api/user').then(data => {localStorage.setItem(CACHE_KEY, JSON.stringify(data));return data;});
          }
          
      • 请求去重
        • 实现:使用 Map 存储进行中的请求,避免重复发送。
          const requestMap = new Map();
          async function sendRequest(url, params) {const key = `${url}-${JSON.stringify(params)}`;if (requestMap.has(key)) {return requestMap.get(key);}const promise = fetch(url, { method: 'POST', body: params }).then(response => response.json()).finally(() => requestMap.delete(key));requestMap.set(key, promise);return promise;
          }
          
    1. 控制并发请求

      • 请求队列(限流)
        • 原理:通过队列控制同时发起的请求数量,避免浏览器资源耗尽。
        • 代码示例(自定义请求队列)
          class RequestQueue {constructor(maxConcurrency = 5) {this.maxConcurrency = maxConcurrency;this.current = 0;this.queue = [];}add(promise) {return new Promise((resolve, reject) => {this.queue.push({ promise, resolve, reject });this.process();});}async process() {if (this.current >= this.maxConcurrency || this.queue.length === 0) return;const task = this.queue.shift();this.current++;try {const result = await task.promise;task.resolve(result);this.current--;this.process();} catch (error) {task.reject(error);this.current--;this.process();}}
          }
          // 使用示例
          const queue = new RequestQueue(3);
          const requests = [fetch('/api/1'), fetch('/api/2'), ...];
          requests.forEach(req => queue.add(req));
          
      • 懒加载与分页
        • 场景:对非首屏数据延迟加载(如表格分页、图片懒加载)。
    2. 优化请求效率

      • 静态资源优化
        • CDN加速:将静态资源托管到 CDN,减少服务器压力。
        • 资源合并:合并 CSS/JS 文件,减少请求数(如通过 Webpack 的 optimization.splitChunks)。
        • 图片优化:使用 WebP 格式、懒加载、按需加载不同分辨率图片。
      • 使用 HTTP/2
        • 优势:支持多路复用,减少请求开销。

# typeof和instanceof有什么区别

typeof 的场景
检测基本类型(如 numberstringboolean)、函数或 undefined

instanceof 的场景
检测对象是否为某个构造函数的实例(如数组、自定义对象、Date 对象等)。

避免陷阱

  • typeof null 返回 "object"(需额外判断 === null)。
  • 数组用 Array.isArray() 替代 instanceof Array 更可靠。
  • 跨窗口环境(如 iframe)中 instanceof 可能失效。

js中null和undefined的区别

nullundefined 的区别

  • null:表示空值,需手动赋值(如 let user = null),类型为 Null
  • undefined:表示变量未声明/未赋值或属性不存在,类型为 Undefined

关键差异

  1. 类型检测
    • typeof null 返回 "object"(历史遗留问题),typeof undefined 返回 "undefined"
  2. 比较结果
    • null == undefinedtrue,但 null === undefinedfalse
  3. 用途
    • null 是主动设置的“无值”,undefined 是系统默认的“未定义”。

如何判断js变量是数组

判断变量是否为数组的最简方法:

  1. Array.isArray()

    Array.isArray([1,2,3]); // true
    Array.isArray({});      // false
    
  2. Object.prototype.toString

    Object.prototype.toString.call(arr) === "[object Array]";
    
  3. instanceof(需谨慎)

    arr instanceof Array; // 可能受跨窗口影响
    

关键点:

  • 推荐:优先用 Array.isArray()(简洁可靠)或 toString(跨环境通用)。
  • 慎用instanceofconstructor 可能因环境问题出错。
  • 禁用typeof 返回 object,无法准确判断数组。

Js有哪些数据类型,它们的区别是什么

JavaScript 数据类型及区别


原始类型(7种)

直接存值,不可变,存栈内存,用 typeof 检测:

  • undefined:未定义(let a;)。
  • null:空值(类型检测异常:typeof null → "object")。
  • boolean:布尔值(true/false)。
  • number:数值(含整数/浮点/NaN/Infinity)。
  • string:字符串(不可变,如 "abc")。
  • symbol:唯一标识符(ES6,防属性冲突)。
  • bigint:大整数(ES10,后缀 n,如 123n)。

引用类型(对象)

堆内存,通过引用访问,可变,用 instanceofObject.prototype.toString 检测:

  • Object:键值对容器({key: value})。
  • Array:有序集合([1, "a", true])。
  • Function:可执行函数(function() {})。
  • DateRegExp 等:内置对象(如日期、正则)。
  • ES6 新增MapSetPromise 等。

核心区别

特征原始类型引用类型
存储位置栈内存(直接存值)堆内存(存引用地址)
值传递方式按值拷贝(独立)按引用拷贝(指向同一内存)
可变性不可变可变(如数组、对象可修改)
类型检测typeofnull 异常)instanceof / Object.prototype.toString

关键注意

  • typeof null → "object" 是 JavaScript 的历史遗留问题。
  • 判断数组用 Array.isArray(),而非 typeof

相关文章:

前端高频面试题day2

如何在vue3中使用defineAsyncComponent实现异步组件加载 在 Vue 3 中,使用 defineAsyncComponent 实现异步组件加载的步骤如下: 引入方法:从 Vue 中导入 defineAsyncComponent。定义异步组件:通过 defineAsyncComponent 包装一个…...

Linux系统之设置开机启动运行桌面环境

Linux 开机运行级别介绍与 Ubuntu 桌面环境配置指南 一、Linux 开机运行级别(Runlevel) 在传统的 Linux 系统(如 SysV init 初始化系统)中,运行级别定义了系统启动时加载的服务和资源。常见的运行级别如下: 运行级别模式用途0Halt(停机模式)关闭系统1Single User Mode…...

Python PyAutoGUI库【GUI 自动化库】深度解析与实战指南

一、核心工作原理 底层驱动机制: 通过操作系统原生API模拟输入使用ctypes库调用Windows API/Mac Cocoa/Xlib屏幕操作依赖Pillow库进行图像处理 事件模拟流程: #mermaid-svg-1CGDRNzFNEffhvSa {font-family:"trebuchet ms",verdana,arial,sans…...

【MobaXterm】win10下载v25.1安装流程

【下载地址】 官网: https://mobaxterm.mobatek.net/ 下载安装版,解压使用更快一些 【v20.0中文安装包】 夸克网盘:https://pan.quark.cn/s/2ad5b59e6d8e#/list/share 对应的指导教程: MobaXterm中文版安装使用教程-附安装包…...

2025.4.22 JavaScript 常用事件学习笔记

一、事件概述 JavaScript 事件是指在用户与网页交互或网页状态发生变化时所触发的操作。通过使用事件,可以为网页添加丰富的动态功能,实现用户与页面之间的互动,让网页不再只是静态的展示内容。 二、常见鼠标事件 click 事件 简介 &#xf…...

Android 13.0 MTK Camera2 设置默认拍照尺寸功能实现

Android 13.0 MTK Camera2 设置默认拍照尺寸功能实现 文章目录 需求:参考资料架构图了解Camera相关专栏零散知识了解部分相机源码参考,学习API使用,梳理流程,偏应用层Camera2 系统相关 修改文件-修改方案修改文件:修改…...

Linux:基础IO 文件系统

Linux:基础IO && 文件系统 一、系统IO(一)系统文件操作接口1、open2、write3、read (二)文件描述符1、概念2、标准输入、标准输出、标准错误 (三)dup系统调用(重定向原理) 二…...

近期有哪些断链危机?如何提升供应链风险管理能力?

全球供应链格局正经历深刻变革,其网络架构愈发复杂,涉及多国企业主体且涵盖多个节点与复杂环节,管理难度显著增大。从原材料采购到终端交付,运输、仓储、加工等任一环节均存在潜在风险,单一环节效率滞后易引发系统性连…...

知识科普|褪黑素的发展历程及应用研究进展

睡眠作为维持人体健康的重要生理机制,其节律性受到精密调控。在昼夜节律系统的调控下,人类普遍遵循周期性单次睡眠模式,这一过程涉及复杂的神经-体液调控网络。其中神经元活动、神经递质传导、激素分泌及遗传调控机制共同作用于睡眠觉醒系统&…...

企业如何构建一个全面的Web安全防护体系

企业如何构建一个全面的Web安全防护体系 企业构建全面的Web安全防护体系需融合战略规划、技术防御、持续运营和风险治理四大维度,以下是基于行业最佳实践的系统化方案: 一、顶层设计:治理架构与安全战略 战略规划与合规驱动 制定网络安全愿…...

T8332FN凯钰LED驱动芯片多拓扑车规级AEC-Q100

T8332FN是一款支持多拓扑结构的恒流LED驱动控制芯片,适用于汽车照明及高功率LED应用,具备宽电压输入、高精度调光及多重保护功能。 核心特性 - 输入与拓扑:支持5-60V宽电压输入,适配Boost、Buck、Buck-Boost、SEPIC四种拓扑结构&…...

Redis一些小记录

Redis一些小记录 SpringData Redis:RedisTemplate配置与数据操作 操作String类型数据 String是Redis中最基本的数据类型,可以存储字符串、整数或浮点数。RedisTemplate提供了ValueOperations接口来操作String类型的数据,支持设置值、获取值、…...

Win10安装 P104-100 驱动

安装完之后总结一下, 之前做了不少功课, 在网上搜了很多教程, 视频的文字的, 但是很多已经比较陈旧了. 最后发现的这个 GitHub 项目 NVIDIA-patcher 是最有用的, 因为这是现在这些魔改驱动的来源. NVIDIA-patcher 仓库地址: https://github.com/dartraiden/NVIDIA-patcher 安…...

Android开机动画资源包制作(测试使用)

开机动画资源包需要采用仅存储的方式进行压缩,不能使用压缩软件直接压缩生成。 如果是系统开发人员,可以在源码目录中,采用bootanim程序提供的制作方式进行,下面可供测试人员自行制作。 制作流程 1)基于设备中已有开…...

PWN基础-利用格式化字符串漏洞泄露canary结合栈溢出getshell

测试源码&#xff1a; #include<stdio.h> void exploit() {system("/bin/sh"); } void func() {char str[0x20];read(0, str, 0x50);printf(str);read(0, str, 0x50); } int main() {func();return 0; } 编译&#xff0c;开启 canary 保护&#xff0c;关闭 p…...

Kafka HA集群配置搭建与SpringBoot使用示例总结

Kafka HA集群配置搭建与SpringBoot使用示例总结 一、Kafka高可用(HA)集群搭建 1. 环境准备 至少3台服务器&#xff08;推荐奇数台&#xff0c;如3、5、7&#xff09;已安装Java环境&#xff08;JDK 1.8&#xff09;下载Kafka二进制包&#xff08;如kafka_2.13-3.2.1.tgz&…...

MSO-Player:基于vlc的Unity直播流播放器,支持主流RTSP、RTMP、HTTP等常见格式

MSO-Player 基于libVLC的Unity视频播放解决方案 支持2D视频和360度全景视频播放的Unity插件 &#x1f4d1; 目录 &#x1f3a5; MSO-Player &#x1f4cb; 功能概述&#x1f680; 快速入门&#x1f4da; 关键组件&#x1f4dd; 使用案例&#x1f50c; 依赖项&#x1f4cb; 注意…...

97A6-ASEMI无人机专用功率器件97A6

编辑&#xff1a;ll 97A6-ASEMI无人机专用功率器件97A6 型号&#xff1a;97A6 品牌&#xff1a;ASEMI 封装&#xff1a;SOT-23 批号&#xff1a;最新 引脚数量&#xff1a;3 特性&#xff1a;双向可控硅 工作温度&#xff1a;-40℃~150℃ ‌97A6双向可控硅&#xff1a…...

body Param Query 三个 不同的入参 分别是什么意思 在前端 要怎么传 这三种不同的参数

在 NestJS 中&#xff0c;Body()、Param() 和 Query() 用于处理不同类型的请求参数。以下是它们的含义及前端传递方式&#xff1a; Body()&#xff1a;请求体参数 • 含义&#xff1a;用于获取请求体中的数据&#xff08;如 POST/PUT 请求中提交的 JSON、表单数据等&#xff09…...

生成式人工智能认证(GAI认证)含金量怎么样?

当生成式人工智能(Generative AI)的浪潮以摧枯拉朽之势重塑职业版图时,一个尖锐的问题正悬在无数人的心头:在技术迭代比眨眼更快的时代,如何证明自己具备驾驭AI的核心能力? 这场认知革命的背后,一张认证证书的价值早已超越了纸面——它既是个人能力的“信用背书”,也是…...

环境DNA宏条形码技术,鱼类检测引物如何选择?

环境DNA&#xff08;eDNA&#xff09;宏条形码技术在鱼类多样性调查研究中的优势明显&#xff0c;相比于传统调查方式&#xff0c;eDNA宏条形码技术灵敏度更高&#xff0c;能够更好地揭示鱼类的丰富度&#xff0c;并且具有高时效性。然而&#xff0c;在使用这个技术的过程中&am…...

Scala集合操作与WordCount案例实战总结

集合计算简单函数 1、说明 &#xff08;1&#xff09;求和 &#xff08;2&#xff09;求乘积 &#xff08;3&#xff09;最大值 &#xff08;4&#xff09;最小值 &#xff08;5&#xff09;排序 2、案例实操 object demo29{ def main(args: Array[String]): Unit { val…...

Spark-Streaming核心编程(四)总结

有状态转化操作 - UpdateStateByKey ‌功能描述‌ UpdateStateByKey原语用于在DStream中跨批次维护状态&#xff0c;例如流计算中的累加wordcount。 它允许对一个状态变量进行访问和更新&#xff0c;适用于键值对形式的DStream。 ‌工作原理‌ 给定一个由(键&#xff0c;事…...

关系型数据库PostgreSQL for Mac 保姆级使用教程

第一部分&#xff1a;安装PostgreSQL 方法一&#xff1a;使用Postgres.app&#xff08;最简单&#xff09; 访问 Postgres.app官网 下载最新版本&#xff0c;将 Postgres.app 移动到 “Applications” 文件夹。 双击Postgres.app打开应用&#xff0c;点击"Initialize&q…...

新增 29 个专业,科技成为关键赛道!

近日&#xff0c;教育部正式发布《普通高等学校本科专业目录&#xff08;2025年&#xff09;》&#xff0c;新增 29 个本科专业&#xff0c;包括区域国别学、碳中和科学与工程、海洋科学与技术、健康与医疗保障、智能分子工程、医疗器械与装备工程、时空信息工程、国际邮轮管理…...

云计算市场的重新分类研究

云计算市场传统分类方式&#xff0c;比如按服务类型分为IaaS、PaaS、SaaS&#xff0c;或者按部署模式分为公有云、私有云、混合云。主要提供计算资源、存储和网络等基础设施。 但随着AI大模型的出现&#xff0c;云计算市场可以分为计算云和智算云&#xff0c;智算云主要是AI模…...

大模型时代的具身智能:从虚拟到现实的智能体进化革命

一、具身智能&#xff1a;重新定义 AI 与物理世界的交互范式 &#xff08;一&#xff09;概念解析&#xff1a;从 "离身" 到 "具身" 的认知革命 具身智能&#xff08;Embodied AI&#xff09;是融合大模型决策能力与物理实体执行能力的新型智能系统&…...

鸿蒙NEXT开发正则工具类(ArkTs)

import { FormatUtil } from ./FormatUtil;/*** 正则工具类* author CSDN-鸿蒙布道师* since 2025/04/27*/ export class RegexUtil {/*** 英文字母、数字和下划线*/static readonly REG_GENERAL "^\\w$";/*** 数字*/static readonly REG_NUMBERS "^\\d$"…...

Flink维表深度解析

一、维表的概念与作用 维表&#xff08;Dimension Table&#xff09; 是数据仓库中的核心概念&#xff0c;通常用于存储静态或缓慢变化的业务实体信息&#xff08;如用户资料、商品信息、地理位置等&#xff09;。在实时流处理场景中&#xff0c;维表的作用是为主数据流&#…...

基于ArcGIS的洪水灾害普查、风险评估及淹没制图技术研究​

一、洪水普查技术规范解读 1.1 全国水旱灾害风险普查实施方案解读 1.2 洪水风险区划及防治区划编制技术要求解读 1.3 山丘区中小河流洪水淹没图编制技术要求解读 二、ArcGIS介绍及数据管理 2.1 ArcGIS界面及数据加载 2.2 ArcGIS常见数据格式 2.3基于Geodatabase的洪水灾…...

初识数据结构——二叉树从基础概念到实践应用

数据结构专栏 ⬅(click) 初识二叉树&#xff1a;从基础概念到实践应用&#x1f333; 一、树型结构基础 1.1 树的基本概念 树是一种非线性的数据结构&#xff0c;由n(n>0)个有限节点组成一个具有层次关系的集合。它看起来像一棵倒挂的树&#xff0c;根朝上而叶朝下。 关键特…...

手搓传染病模型(SEIR)

先看模型 在本模型中&#xff0c;人群有四种自然史状态&#xff1a;易感者(S)&#xff0c;暴露者(E)&#xff0c;感染者(I)以及康复者(R) 2.模型假设人群分布是同质均匀的&#xff0c;未考虑人群出生、死亡、迁入迁出对疾病传播的影响 3.康复者永久免疫&#xff1a;康复者永久免…...

企业数据赋能 | 应用模板分享:汽车销售仪表板

实时监控销售数据&#xff0c;比较车型、地区业绩~ 今天&#xff0c;小编向大家分享 Tableau 应用分析模板&#xff1a;由 Imran Shaikh 搭建的汽车销售仪表板。借助此仪表板&#xff0c;企业可以实时跟踪销售情况&#xff0c;了解市场趋势&#xff0c;并比较不同车型、地区和销…...

C++?动态内存管理!!!

一、引言 之前我们一起讨论了类和对象的相关知识&#xff0c;接下来我们将继续完善我们的知识体系&#xff0c;为以后继续深入学习C知识添砖加瓦&#xff0c;在本期我们将一起学习C中关于动态内存管理的相关知识&#xff0c;在学习之前将要先回顾C语言中是如何进行动态内存管理…...

MCP协议:AI生态的统一标准

MCP(Model Context Protocol,模型上下文协议)是人工智能领域的革命性协议标准,被广泛类比为“AI世界的USB-C接口”。它通过统一模型、算力和数据的交互方式,解决了AI生态中的碎片化问题,重构了智能协作的技术范式。以下是其核心解析与技术哲学: 一、MCP协议的核心定位与…...

在 UniApp 中实现 App 与 H5 页面的跳转及通信

在移动应用开发中&#xff0c;内嵌 H5 页面或与外部网页交互是常见需求。UniApp 作为跨平台框架&#xff0c;提供了灵活的方式实现 App 与 H5 的跳转和双向通信。本文将详细讲解实现方法&#xff0c;并提供可直接复用的代码示例。 文章目录 一、 App 内嵌 H5 页面&#xff08;使…...

目标跟踪最新文章阅读列表

AAAI2025 TrackFormer: Multi-Object Tracking with Transformers 论文:https://arxiv.org/abs/2101.02702 代码:https://github.com/timmeinhardt/trackformer AAAI2025 SUTrack 单目标跟踪 论文:https://pan.baidu.com/s/10cR4tQt3lSH5V2RNf7-3gg?pwd=pks2 代码:htt…...

Spark RDD行动算子与共享变量实战:从数据聚合到分布式通信

RDD行动算子&#xff1a; 行动算子就是会触发action的算子&#xff0c;触发action的含义就是真正的计算数据。 1、reduce import org.apache.spark.{SparkConf, SparkContext} object value11 { def main(args: Array[String]): Unit { // 创建 SparkConf 对象并设置应用…...

《2025全球机器学习技术大会:阿里云讲师张玉明深度剖析通义灵码AI程序员》

4 月 18 日 - 19 日&#xff0c;由 CSDN & Boolan 联合举办的 2025 全球机器学习技术大会&#xff08;ML-Summit&#xff09;于上海顺利举行。大会聚焦人工智能与机器学习前沿技术&#xff0c;汇聚了来自科技与人工智能领域的数位顶尖专家以及数千名开发者和研究者&#xf…...

python+adafruit_pca9685 测试舵机存储当前角度

测试代码如下&#xff1a; # -*- coding: UTF-8 -*- import time from board import SCL, SDA import busio from adafruit_pca9685 import PCA9685 from adafruit_motor import servo 测试控制1块驱动板或者多块 pip install Adafruit-PCA9685 --break-system-packages pip i…...

视觉/深度学习/机器学习相关面经总结(2)(持续更新)

目录 1、跨模态对齐的方案2、位置编码方式1. **正弦和余弦位置编码&#xff08;Sinusoidal Positional Encoding&#xff09;**2. **可学习的位置编码&#xff08;Learnable Positional Encoding&#xff09;**3. **相对位置编码&#xff08;Relative Positional Encoding&…...

缓存并发更新的挑战

缓存并发更新的挑战 1. 引言&#xff1a;并发更新的挑战2. 并发场景下的常见“坑”最后写入胜出 (Last-Write-Wins)脏读 (Dirty Read)丢失更新 (Lost Update)不可重复读 (Non-repeatable Read)幻读 (Phantom Read)写偏斜 (Write Skew)缓存与数据库不一致分布式系统中的时序问题…...

LeetCode题解1297. 子串的最大出现次数

&#xff08;好久没写题解了&#xff0c;忙着学ai去了&#xff09; 先来看题目 很显然&#xff0c;题目就是要我们在给定的字符串中找到一个满足要求的连续子串。 首先&#xff0c;要求子串中不同字母的数目得小于等于maxLetters&#xff0c;我们可以用一个DifLettsers函数来…...

零基础小白如何上岸数模国奖

零基础小白如何上岸数模国奖 我自己本人第一次参加数模国赛顺利上岸国奖&#xff0c;当然那段经历也是比较痛苦了&#xff0c;差不多也是从当年四月开始接触数学建模&#xff0c;第一次参加妈妈杯成绩并不理想&#xff0c;后面不断参加数模比赛进行模拟&#xff0c;最后顺利上岸…...

Redux-Saga vs Redux-Thunk

Redux-Saga与Redux-Thunk对比 #mermaid-svg-zbDYIbzoVqlMJXiE {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-zbDYIbzoVqlMJXiE .error-icon{fill:#552222;}#mermaid-svg-zbDYIbzoVqlMJXiE .error-text{fill:#55222…...

Win11 配置 Git 绑定 Github 账号的方法与问题汇总

目录 一、创建 Github 项目库&#xff08;远程仓库&#xff09;二、配置安装好的 Git1. 设置用户信息2. 查看已配置的信息3. 建立本地仓库4. Git 常用命令速查表 三、配置 SSH 公钥1. 生成 ssh key出现的问题 2. 启动 ssh-agent 并添加秘钥3. 在 Github 上绑定 ssh 公钥出现的问…...

李臻20242817_安全文件传输系统项目报告_第9周

安全文件传输系统项目报告&#xff08;第 9 周&#xff09; 1. 代码链接 Gitee 仓库地址&#xff1a;https://gitee.com/li-zhen1215/homework/tree/master/Secure-file 代码结构说明&#xff1a; project-root/├── src/ # 源代码目录│ ├── main.c # 主程序入口│ ├…...

OceanBase TPCC测试常见报错汇总

OceanBase TPCC测试常见报错汇总 报错1:加载测试数据时创建tablegroup失败报错2:加载测试数据时执行超时报错3:加载测试数据时funcs.sh函数找不到报错4:加载数据时报错超过租户内存上限办法一:增加租户内存办法二:调高转储线程数办法三:调整MemStore内存占比和冻结触发阈…...

文心一言开发指南06——千帆大模型平台新手指南

版权声明 本文原创作者&#xff1a;谷哥的小弟作者博客地址&#xff1a;http://blog.csdn.net/lfdfhl 千帆大模型平台为新手用户提供了一个全面的入门指南&#xff0c;以便用户能够快速熟悉平台的操作和功能。千帆大模型平台通过提供详细的新手指南&#xff0c;确保用户能够顺…...

解决SSLError: [SSL: DECRYPTION_FAILED_OR_BAD_RECORD_MAC] decryption faile的问题

问题描述&#xff1a; 在pip安装第三方库时&#xff0c;出现SSL的问题。 传输层安全性协议&#xff08;TLS&#xff09;及其前身安全套接层&#xff08;SSL&#xff09;是现在的 HTTPS 协议中的一种安全协议&#xff0c;目的是为互联网通信提供安全及数据完整性保障。而较新版…...