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

前端里的this指向问题

news 来源：原创 2025/9/22 5:47:44

1.代码输出结果

2.代码输出结果

3.代码输出结果

4.代码输出结果

5.代码输出结果

6.代码输出结果

7.代码输出结果

8.代码输出结果

9.代码输出结果

10.代码输出结果

11.代码输出结果

12.代码输出结果

13.代码输出结果

14.代码输出结果

总结

1.代码输出结果

function foo() {console.log( this.a );
}function doFoo() {foo();
}var obj = {a: 1,doFoo: doFoo
};var a = 2; 
obj.doFoo()

输出结果为2，因为执行foo的是doFoo函数，函数默认执行window

但是如果doFoo函数里：

function doFoo() {// foo();console.log(this.a);//1}

输出的就是1，因为执行它的是obj对象，会隐式的把this指向obj对象

2.代码输出结果

var a = 10
var obj = {a: 20,say: () => {console.log(this.a)}
}
obj.say() //10  var anotherObj = { a: 30 } 
obj.say.apply(anotherObj) //10

输出结果为10；10

apply或者bind通过绑定会指向里面的参数

但是这个是往外翻两层到window这层，所以都是最外层的a=10

如果换成普通函数的话就是20；30

3.代码输出结果

function a() {console.log(this);
}
a.call(null);

输出结果为window

call里面的参数如果是null或者undefined的话，this就会指向全局对象（浏览器里是window）

但是在严格模式情况下，参数是null输出的就是null；参数是undefined输出的是undefined

4.代码输出结果

var obj = { name: 'cuggz', fun: function(){ console.log(this.name); } 
} 
obj.fun()     // cuggz
new obj.fun() // undefined

第二个new是取出了obj里的fun作为新的构造函数，所以里面没有name参数，结果为undefined

5.代码输出结果

var obj = {say: function() {var f1 = () =>  {console.log("1111", this);}f1();},pro: {getPro:() =>  {console.log(this);}}
}
var o = obj.say;
o();
obj.say();
obj.pro.getPro();

第一个：o=obj.say然后再调用o（），其实相当于是：

o=function() {var f1 = () =>  {console.log("1111", this);}f1();},

而且里面是箭头函数，翻第一层到f1，第二层到o，o是一个函数，它拥有this，与o平级的this就是window

第二个：obj.say() 翻第一层到f1，第二层到say，say平级的this就是obj

第三个：obj.pro.getPro()第一层翻到getPro，~~翻第二层到pro~~（注意对象是没有this 的！！只有函数有！），所以第二层直接翻到最外层，this就是window

对象不构成单独的作用域=>没有this

6.代码输出结果

var myObject = {foo: "bar",func: function() {var self = this;console.log(this.foo);  console.log(self.foo);  (function() {console.log(this.foo);  console.log(self.foo);  }());}
};
myObject.func();

func是myObject调用的，所以func里面的this是myObject，那么self也是

this.foo就是bar

self.foo也是bar

下面的函数被调用，里面作用域的this是func，所以它里面没有foo属性，输出undefined

然后最后一个self.foo，这块是一个闭包，里面函数可以调用外层函数的属性self.foo===bar

7.代码输出结果

window.number = 2;
var obj = {number: 3,db1: (function(){console.log(this);this.number *= 4;return function(){console.log(this);this.number *= 5;}})()
}
var db1 = obj.db1;
db1();
obj.db1();
console.log(obj.number);     // 15
console.log(window.number);  // 40

⚠️注意：obj.db1是个立即执行函数，它在obj对象定义完之后就会执行，然后返回后面的函数

所以在下面一系列调用函数之前就会有一次输出window，而且此时window上的number=8，在非严格模式下，自执行函数IIFE输出的this就是window

所以第一次先会输出一个window，此时这个函数变成了这样：

window.number = 2;
var obj = {number: 3,db1: function(){console.log(this);this.number *= 5;}
}
var db1 = obj.db1;
db1();
obj.db1();
console.log(obj.number);     // 15
console.log(window.number);  // 40

db1=obj.db1之后，db1如下：

db1=function(){console.log(this);this.number *= 5;}

打印这个this就是window（db1时函数不是对象），此时window . number=5*8=40

然后调用obj.db1()，this打印obj对象，obj.number=3*5=15

8.代码输出结果

var length = 10;
function fn() {console.log(this.length);
}var obj = {length: 5,method: function(fn) {fn();arguments[0]();}
};obj.method(fn, 1);

fn（）这样调用只是一个普通函数，而不是作为对象的方法去调用，所以this是window，输出10

而arguments承接参数fn和1，但是这次相当于arguments（因为它是个类数组对象！）去调用方法，所以this指向arguments，而且它是伪数组有length，输出2

9.代码输出结果

var a = 1;
function printA(){console.log(this.a);
}
var obj={a:2,foo:printA,bar:function(){printA();}
}obj.foo(); // 2
obj.bar(); // 1
var foo = obj.foo;
foo(); // 1

obj.foo()，foo里的this指向obj；它跟上面的区别是：上面那个只是由obj穿参的，但是不是obj去调用的，只是函数进行到那里去调用了，不是对象调用的，而这个就是obj调用的，所以this是obj；

obj.bar()，现在printA函数就不是由obj对象调用而进行的了，所以printA函数里的this是全局对象，输出1；

var foo=obj.foo，那么foo相当于（foo是函数）：

全局上的foo:printA,this是window，输出1

10.代码输出结果

var x = 3;
var y = 4;
var obj = {x: 1,y: 6,getX: function() {var x = 5;return function() {return this.x;}();},getY: function() {var y = 7;return this.y;}
}
console.log(obj.getX()) // 3
console.log(obj.getY()) // 6

第一个：又是一个立即执行函数，IIFE里面的this指向全局对象，所以x=3

第二个：调用对象是obj，this是obj的this，输出6

11.代码输出结果

 var a = 10; var obt = { a: 20, fn: function(){ var a = 30; console.log(this.a)} }obt.fn();  // 20obt.fn.call(); // 10(obt.fn)(); // 20

obt.fn()调用者是obj，所以函数里的this是obj，输出obj的a，20

obt.fn.call（），call用来改变this，但是里面的参数为空（null），call里的参数为undefined或者null，this就是全局对象window，所以输出a为10

（）的作用是改变运算顺序，所以这个跟第一个没什么区别，输出20

12.代码输出结果

function a(xx){this.x = xx;return this
};
var x = a(5);
var y = a(6);console.log(x.x)  // undefined
console.log(y.x)  // 6

x一开始相当于：

var x=function a（5）{

this.x=5;

return this

}

没有对象调用这个函数，所以this.x说的是window.x=5，最后return this => window，返回的window又赋值回给var x了，所以最外层的window.x=window，x.x=undefined

顺序：

window.x=5

var x=window=>window.x=window

y一开始相当于：

var y=function a（6）{

this.x=6;

return this

}

window上的x=6，返回window赋值给y

顺序：

window.x=6

window=y

输出y.x=6

13.代码输出结果

function foo(something){this.a = something
}var obj1 = {foo: foo
}var obj2 = {}obj1.foo(2); 
console.log(obj1.a); // 2obj1.foo.call(obj2, 3);
console.log(obj2.a); // 3var bar = new obj1.foo(4)
console.log(obj1.a); // 2
console.log(bar.a); // 4

先是调用obj1.foo(2)，obj1去调用的函数，所以obj1里的a是2，下面输出为2

然后obj1.foo.call(obj2,3)，obj2上的a赋值为3

var bar=new obj1.foo(4)这是又new了一个，所以不会赋值之前的2，obj1上的a输出还是2

bar相当于：

var bar=function foo（）{}，注意new出来的比隐式绑定优先级高，所以里面的this是bar，bar的a就是4

14.代码输出结果

function foo(something){this.a = something
}var obj1 = {}var bar = foo.bind(obj1);
bar(2);
console.log(obj1.a); // 2var baz = new bar(3);
console.log(obj1.a); // 2
console.log(baz.a); // 3

这一步相当于：

var bar=function foo(sm){

this.a=sm；（this是obj1）

}，obj1上

bar（2）=> obj1.a=2

var baz= new bar（3），new出来的比bind绑定的优先级高，所以this是baz，baz上的a为3

总结

改变this指向的四种方式：

函数默认指向，this是window

对象调用函数，函数里的this指向对象

显示绑定：call、apply、bind绑定，有参数绑定参数，null或者undefined就是window

通过new绑定this

其中new>显示>对象调用>默认指向

箭头函数里的this是一开始就定义好的，与后来谁去调用没有关系，this会继承自定义时的外层作用域，而且对象不会创建作用域，所以往外翻的时候只能翻到函数上

就比如这张图，obj.say()第一层到f1函数，第二层到say函数，然后找与say函数平级的this

obj.pro.getPro()第一层到getPro函数，第二层到最外层window

还有一些特殊情况比如立即执行匿名函数IIFE，在非严格模式下this就是window

前端里的this指向问题

目录 1.代码输出结果 2.代码输出结果 3.代码输出结果 4.代码输出结果 5.代码输出结果 6.代码输出结果 7.代码输出结果 8.代码输出结果 9.代码输出结果 10.代码输出结果 11.代码输出结果 12.代码输出结果 13.代码输出结果 14.代码输出结果总结 1.代码输出结果 f…...

编程日记 2025/9/22 5:47:44

pandas(11 分类数据和数据可视化)

前面内容：pandas(10 日期和Timedelta) 目录一、Python Pandas 分类数据 1.1 pd.Categorical() 1.2 describe() 1.3 获取类别的属性 1.4 分类操作 1.5 分类数据的比较二、Python Pandas 数据可视化 2.1 基础绘图：plot 2.2 条形图 2.3 直方…...

编程日记 2025/9/17 5:27:18

cmake Qt Mingw windows构建

今天教大家怎么在windows构建qt应用使用cmd命令行，而不是一键通过QtCreator一键构建。首先我们用qtcreator创建一个模板程序(PS：记得在安装qt时要悬着mingw套件，如果安装太慢可以换源） 输入以下的命令： mkdir build …...

编程日记 2025/9/17 5:29:48

缓存穿透、缓存击穿、缓存雪崩的区别与解决方案

1. 缓存穿透（Cache Penetration） 定义：大量请求查询数据库中不存在的数据，导致请求绕过缓存直接访问数据库，造成数据库压力过大。场景： 恶意攻击：例如用不存在的用户ID频繁请求。业务误操作…...

编程日记 2025/9/20 12:26:03

【Rust中级教程】1.6. 内存 Pt.4：静态(static)内存与‘static生命周期标注

喜欢的话别忘了点赞、收藏加关注哦（加关注即可阅读全文），对接下来的教程有兴趣的可以关注专栏。谢谢喵！(･ω･) 1.6.1. 静态(static)内存 static内存实际上是一个统称，它指的是程序编译后的文…...

编程日记 2025/9/19 19:43:40

Python爬虫实战：股票分时数据抓取与存储 (1)

在金融数据分析中，股票分时数据是投资者和分析师的重要资源。它能够帮助我们了解股票在交易日内的价格波动情况，从而为交易决策提供依据。然而，获取这些数据往往需要借助专业的金融数据平台，其成本较高。幸运的是，通过…...

编程日记 2025/9/17 5:29:17

HTML之JavaScript对象

HTML之JavaScript对象 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document</title><s…...

编程日记 2025/9/19 17:22:33

【第12章：深度学习与伦理、隐私—12.3 深度学习模型的透明性与可解释性提升策略】

凌晨三点的ICU病房，AI辅助诊断系统将一位患者的肺炎误判为普通感冒——当主治医生要求查看诊断依据时，系统只能给出冷冰冰的概率数值。这场惊心动魄的误诊事件，掀开了深度学习可解释性危机的冰山一角。一、模型透明的"第一性原理" 1.1 可解释性的三维度量 ![可…...

编程日记 2025/9/19 0:34:42

SOCKET建立简单的tcp服务端与客户端通信

socket是什么 socket可以使两台机子建立连接，就像连接风扇与电源的插座一样，socket可以使服务端与客户端建立连接，服务端就像供电厂，而客户端就像用电器，而socket就是连接二者的插座。建立简单的连接如果我们想在客…...

编程日记 2025/9/21 1:49:33

最新智能优化算法：阿尔法进化（Alpha Evolution，AE）算法求解23个经典函数测试集，MATLAB代码

一、阿尔法进化算法阿尔法进化（Alpha Evolution，AE）算法是2024年提出的一种新型进化算法，其核心在于通过自适应基向量和随机步长的设计来更新解，从而提高算法的性能。以下是AE算法的主要步骤和特点： 主…...

编程日记 2025/9/20 9:23:35

HTML之JavaScript常见事件

HTML之JavaScript常见事件 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document</title>&…...

编程日记 2025/9/20 11:37:27

《云原生安全攻防》-- K8s镜像安全：镜像全生命周期安全管理

从攻击者的角度来看，针对容器镜像的软件供应链攻击和镜像投毒等攻击方式，不仅攻击成本低，而且还能带来更高且持久的收益。因此，镜像安全问题变得日益突出。在本节课程中，我们将深入探讨镜像全生命周期的安全管理&…...

编程日记 2025/9/21 18:42:40

【Copilot】Redis SCAN SSCAN

目录 SCAN 命令SSCAN 命令使用示例原理Redis SCAN 和 SSCAN 命令的注意事项及风险注意事项风险以下内容均由Github Copilot生成。 SCAN 和 SSCAN 命令是 Redis 提供的用于增量迭代遍历键或集合元素的命令。它们的主要优点是可以避免一次性返回大量数据，从而减少对 …...

编程日记 2025/9/19 23:15:30

【含开题报告+文档+PPT+源码】基于Spring+Vue的拾光印记婚纱影楼管理系统

开题报告本论文旨在探讨基于Spring和Vue框架的拾光印记婚纱影楼管理系统的设计与实现。该系统集成了用户注册登录、个人资料修改、婚庆资讯浏览、婚庆套餐查看、婚纱拍摄预约、婚纱浏览与租赁、客片查看以及在线客服等多项功能，为用户提供了一站式的婚纱影楼服务体…...

编程日记 2025/9/17 5:27:50

静态页面在安卓端可以正常显示,但是在ios打开这个页面就需要刷新才能显示全图片

这个问题可能有几个原因导致,我来分析一下并给出解决方案: 首要问题是懒加载实现方式的兼容性问题。当前的懒加载实现可能在 iOS 上不够稳定。建议修改图片懒加载的实现方式: // 使用 Intersection Observer API 实现懒加载 function initLazyLoading() {const imageObserver…...

编程日记 2025/9/20 18:06:15

【Qt】QObject类的主要功能

在 Qt 中，QObject 类是所有 Qt 对象的基类，提供了许多基础功能，使得 Qt 的对象系统能够有效地工作。它为其他类提供了核心的机制，比如信号和槽机制、对象树结构、内存管理等。 QObject 类的主要功能： 信号和槽机制&am…...

编程日记 2025/9/21 12:21:42

第 16 天：游戏 UI（UMG）开发，打造主菜单血条！

🎯 目标 ✅ 使用 UMG 创建 UI 并在游戏中显示 ✅ 实现血条（HP Bar）系统，动态显示角色生命值 ✅ 创建主菜单 UI，并添加开始/退出按钮 ✅ 保存当前场景，创建新场景作为主菜单 ✅ 点击 StartGameButton 后&am…...

编程日记 2025/9/22 1:27:59

兔兔答题应用于微信考试、付费考试、社会调查问卷、明星知识问答、员工培训考核、模拟自测、企业面试、试题库等多种场景。

“兔兔答题系统”是一个面向教育、培训和在线测评场景的智能化答题平台（兔兔答题官网地址）。其设计目标是帮助用户高效完成题目练习、考试组织及学习效果分析，通常具备以下核心功能和特色： 一、核心功能题库管理支持多题型录入&…...

编程日记 2025/9/19 2:12:05

【办公类-90-02】】20250215大班周计划四类活动的写法（分散运动、户外游戏、个别化综合）（基础列表采用读取WORD表格单元格数据，非采用切片组合）

背景需求： 做了中班的四类活动安排表，我顺便给大班做一套【办公类-90-01】】20250213中班周计划四类活动的写法（分散运动、户外游戏、个别化（美工室图书吧探索室））-CSDN博客文章浏览阅读874次&#xff0…...

编程日记 2025/9/21 11:25:10

使用 Python 爬虫获取微店快递费用 item_fee API 接口数据

在电商运营中，快递费用是影响商家利润和用户体验的重要因素之一。微店作为国内知名的电商平台，提供了丰富的 API 接口供开发者使用，其中也包括查询商品快递费用的接口。通过调用微店的 item_fee 接口，开发者可以获取指定商品的快递…...

编程日记 2025/9/19 0:32:42

蓝桥杯篇---温度传感器 DS18B20

文章目录前言DS18B201. DS18B20 引脚说明2. 单总线通信协议3. DS18B20 操作流程初始化写操作读操作 4. 示例代码5. 代码说明6. 注意事项总结前言本文简单介绍了IAP15F2K61S2中温度传感器模块DS18B20的使用。 DS18B20 DS18B20 是一款数字温度传感器，采用单总线&…...

编程日记 2025/9/21 10:36:48

NAC网络接入控制三种认证方式802.1X认证、MAC认证和Portal认证

NAC网络接入控制三种认证方式802.1X认证、MAC认证和Portal认证 1.NAC简介2.802.1X认证3. MAC认证4. Portal认证 1.NAC简介 NAC（Network Access Control）称为网络接入控制，通过对接入网络的客户端和用户的认证保证网络的安全，是一…...

编程日记 2025/9/21 7:31:46

字节Trae使用感想(后端)

前言昨天分享了字节哥的Trae从0到1创作模式构建一个vue前端项目，今天又来试试她的后端项目能力。不是我舔，不得不说确实不错。可惜现在曾经没有好好学习，进不了字节。既然进不了字节，那我就用字节哥的产品吧。后面有惊喜…...

编程日记 2025/9/19 16:50:30

蓝桥杯 Java B 组之简单动态规划（爬楼梯、斐波那契数列）

Day 6：简单动态规划（爬楼梯、斐波那契数列） 动态规划（Dynamic Programming，简称 DP）是计算机科学中的一种算法设计思想，用来解决最优解问题，它的核心思想是将大问题分解为小问题&am…...

编程日记 2025/9/18 19:25:09

传统 I/O 和 NIO 的主要区别

在 Java 中，文件读写可以通过传统的 I/O 方式（如 InputStream 和 OutputStream）或 NIO（New I/O）方式（如 FileChannel）来实现。NIO 的 FileChannel 提供了更高效的文件操作方式，尤其是…...

编程日记 2025/9/17 5:27:18

0基础学LabVIEW

对于零基础的朋友来说，学习LabVIEW需要一个科学的学习路径和方法。通过观看优质的B站教程打好基础，再结合实际项目进行实践操作，能够快速提升LabVIEW的应用能力。以下是从入门到进阶的学习建议。一、利用B站入门教程打基础筛选优质教程…...

编程日记 2025/9/20 0:41:36

二〇二四年终总结

写在前面简单总结一下告诉自己，曾经活着不必太纠结于当下，也不必太忧虑未来，当你经历过一些事情的时候，眼前的风景已经和从前不一样了。——村上春树原本应该 24 年年中的时候写 23 年年终的总结，但是一直拖着&…...

编程日记 2025/9/21 2:19:34

设计模式：状态模式

状态机有3个要素：状态，事件，动作。假如一个对象有3个状态:S1、S2、S3。影响状态的事件有3个：E1、E2、E3。每个状态下收到对应事件的时候，对象的动作为AXY。那么该对象的状态机就可以用如下表格来表示。S1收到事件E1的…...

编程日记 2025/9/16 7:56:48

SQLite Select 语句详解

SQLite Select 语句详解 SQLite 是一个轻量级的数据库管理系统，以其简洁的设计和高效的性能被广泛应用于各种场景。在 SQLite 中，SELECT 语句是用于查询数据库中的数据的命令。本文将详细介绍 SQLite 的 SELECT 语句，包括其基本语法、常用功…...

编程日记 2025/9/21 10:03:30

【深度学习】计算机视觉（CV）-目标检测-Faster R-CNN —— 高精度目标检测算法

1.什么是 Faster R-CNN？ Faster R-CNN（Region-based Convolutional Neural Network） 是目标检测（Object Detection） 领域的一种双阶段（Two-Stage） 深度学习方法，由 Ross Girshick…...

编程日记 2025/9/18 7:33:19

静默安装OGG for MySQL微服务版本，高效开展数据同步和迁移

一、背景本文从Oracle GoldenGate微服务版的概念和组件介绍开始，从零介绍了怎么开始安装GoldenGate 21c for Oracle微服务版本的软件及部署。当然了，微服务版除新功能外包含传统版所有的功能。二、安装部署 （一）下载OGG for …...

编程日记 2025/9/19 14:58:21

排序算法衍生问题

排序算法衍生问题引言排序算法是计算机科学中的基本问题之一，广泛应用于各种实际场景中。尽管有多种排序算法可供选择，但每种算法都有其特定的优势和局限性。本文将探讨排序算法中的一些衍生问题，包括算法效率、稳定性、内存占用等方面&a…...

编程日记 2025/9/20 12:24:06

DeepSeek自动化写作软件

DeepSeek写作软件的三大核心功能对于内容创作者来说，写作不仅是表达思想的过程，更是一项需要投入大量时间和精力的任务。面对日益增长的内容需求，写作效率低下、内容质量不高等问题，常常让创作者感到焦虑。而 DeepSeek 写作软件…...

编程日记 2025/9/17 5:31:20

Python数据可视化 - Matplotlib教程

文章目录前言一、Matplotlib简介及安装1. Matplotlib简介2. 安装Matplotlib 二、Matplotlib Pyplot1. Pyplot介绍2. Pyplot中方法介绍2.1 创建和管理图形2.2 绘制图形2.3 设置图形属性2.4 保存和展示三、Matplotlib绘图标记1. 介绍2. 基本用法3. 标记大小与颜色4. 标记样式列…...

编程日记 2025/9/19 21:28:14

集成测试总结文档

1. 集成测试的定义集成测试（Integration Testing）是在单元测试之后，将多个独立的软件模块或组件组合在一起进行测试的过程，目的是验证这些模块之间的接口、数据传递、协作逻辑是否符合设计要求，并发现因集成引发的缺…...

编程日记 2025/9/19 15:24:41

Retrieval-Augmented Generation for LargeLanguage Models: A Survey

标题：Retrieval-Augmented Generation for Large Language Models: A Survey 作者：Yunfan Gaoa , Yun Xiongb , Xinyu Gaob , Kangxiang Jiab , Jinliu Panb , Yuxi Bic , Yi Daia , Jiawei Suna , Meng Wangc , and Haofen Wang 1. By referencing ext…...

编程日记 2025/9/18 7:52:41

Day3 25/2/16 SUN

【一周刷爆LeetCode，算法大神左神（左程云）耗时100天打造算法与数据结构基础到高级全家桶教程，直击BTAJ等一线大厂必问算法面试题真题详解（马士兵）】https://www.bilibili.com/video/BV13g41157hK?p4&v…...

编程日记 2025/9/21 11:12:28

使用maven-archetype制作项目脚手架

使用maven-archetype制作项目脚手架 maven plugin依赖 <plugin><groupId>org.apache.maven.plugins</groupId><artifactId>maven-archetype-plugin</artifactId><version>3.0.1</version> </plugin>导出模板在模板项目执行…...

编程日记 2025/9/18 18:11:14

Spring AOP源码解析

前言 Spring AOP（面向切面编程）是 Spring 框架的核心模块之一，其底层通过动态代理和字节码增强实现。以下是 Spring AOP 的源码解析，涵盖核心流程、关键类及实际应用场。一、Spring AOP 的核心组件核心接口 Joinpoint&am…...

编程日记 2025/9/21 23:31:36

1.buuctf [BJDCTF2020]EasySearch

进入题目页面如下尝试输入弱口令密码都显示错误看题目是search，扫描一下根目录试试 /index.php.swp 得到源码进行一下代码审计 <?php//开启输出缓冲，将所有的输出内容先保存到缓冲区，而不是直接输出到浏览器。ob_start();//定义一个…...

编程日记 2025/9/19 3:43:03

小米 R3G 路由器刷机教程（Pandavan）

小米 R3G 路由器刷机教程（Pandavan） 一、前言小米 R3G 路由器以其高性价比和稳定的性能备受用户青睐。然而，原厂固件的功能相对有限，难以满足高级用户的个性化需求。刷机不仅可以解锁路由器的潜能，还能通过第三方固…...

编程日记 2025/9/21 14:17:40

【ISO 14229-1:2023 UDS诊断（会话控制0x10服务）测试用例CAPL代码全解析③】

ISO 14229-1:2023 UDS诊断【会话控制0x10服务】_TestCase03 作者：车端域控测试工程师更新日期：2025年02月15日关键词：UDS诊断、0x10服务、诊断会话控制、ECU测试、ISO 14229-1:2023 TC10-003测试用例用例ID测试场景验证要点参考条款预期…...

编程日记 2025/9/21 13:29:07

deepseek与gpt，核心原理对比

DeepSeek与GPT作为AI大模型，在自然语言处理等领域展现出强大的能力，它们的核心原理对比主要体现在模型架构、训练策略、资源效率以及应用场景优化等方面。一、模型架构 DeepSeek 混合专家（MoE）框架：DeepSeek采用了混合专家框架，其内部包含多个“专家”子模块，每个子模…...

编程日记 2025/9/11 3:39:55

第1章大型互联网公司的基础架构——1.1 单机房的内部架构

所谓的应用后台就是指机房。机房架构是一个庞大的工程，你可能听说过很多大型互联网公司曾在各种技术峰会上介绍它们的“三地五中心”多机房，甚至是全球异地多活机房等，这些“高大上”的话题讨论的都是机房架构的内容。机房最简单的形式是单机…...

编程日记 2025/9/19 3:25:04

如何在 Vue 3 中使用 Vue Router 和 Vuex

在 Vue 3 中使用 Vue Router 1. 安装 Vue Router 在项目根目录下，通过 npm 或 yarn 安装 Vue Router 4（适用于 Vue 3）： npm install vue-router4 # 或者使用 yarn yarn add vue-router42. 创建路由配置文件在 src 目录下创建…...

编程日记 2025/9/21 15:14:08