面试官问:能否模拟实现JS的call和apply方法

写于2018年11月30日,发布在掘金上阅读量近一万,现在发布到微信公众号申明原创。相对比较基础的知识,虽然日常开发可能用得比较少,各种源码中有很多callapply,需要掌握。

前言

这是面试官问系列的第三篇,旨在帮助读者提升JS基础知识,包含new、call、apply、this、继承相关知识。
面试官问系列文章如下:感兴趣的读者可以点击阅读。
1.面试官问:能否模拟实现JS的new操作符
2.面试官问:能否模拟实现JS的bind方法
3.面试官问:能否模拟实现JS的call和apply方法
4.面试官问:JS的this指向
5.面试官问:JS的继承

之前写过两篇《面试官问:能否模拟实现JSnew操作符》和《面试官问:能否模拟实现JSbind方法》

其中模拟bind方法时是使用的callapply修改this指向。但面试官可能问:能否不用callapply来实现呢。意思也就是需要模拟实现callapply的了。

附上之前写文章写过的一段话:已经有很多模拟实现callapply的文章,为什么自己还要写一遍呢。学习就好比是座大山,人们沿着不同的路登山,分享着自己看到的风景。你不一定能看到别人看到的风景,体会到别人的心情。只有自己去登山,才能看到不一样的风景,体会才更加深刻。

先通过MDN认识下callapply

MDN 文档:Function.prototype.call()
语法

fun.call(thisArg, arg1, arg2, ...)

thisArg
fun函数运行时指定的this值。需要注意的是,指定的this值并不一定是该函数执行时真正的this值,如果这个函数处于非严格模式下,则指定为nullundefinedthis值会自动指向全局对象(浏览器中就是window对象),同时值为原始值(数字,字符串,布尔值)的this会指向该原始值的自动包装对象。
arg1, arg2, ...
指定的参数列表
返回值
返回值是你调用的方法的返回值,若该方法没有返回值,则返回undefined

MDN 文档:Function.prototype.apply()

func.apply(thisArg, [argsArray])

thisArg
可选的。在 func 函数运行时使用的 this 值。请注意,this可能不是该方法看到的实际值:如果这个函数处于非严格模式下,则指定为 nullundefined 时会自动替换为指向全局对象,原始值会被包装。
argsArray
可选的。一个数组或者类数组对象,其中的数组元素将作为单独的参数传给 func 函数。如果该参数的值为 nullundefined,则表示不需要传入任何参数。从ECMAScript 5 开始可以使用类数组对象。
返回值
调用有指定this值和参数的函数的结果。直接先看例子1

callapply 的异同

相同点:
1、callapply的第一个参数thisArg,都是func运行时指定的this。而且,this可能不是该方法看到的实际值:如果这个函数处于非严格模式下,则指定为 nullundefined 时会自动替换为指向全局对象,原始值会被包装。
2、都可以只传递一个参数。
不同点:apply只接收两个参数,第二个参数可以是数组也可以是类数组,其实也可以是对象,后续的参数忽略不计。call接收第二个及以后一系列的参数。
看两个简单例子1和2**:

// 例子1:浏览器环境 非严格模式下var doSth = function(a, b){console.log(this);console.log([a, b]);
}
doSth.apply(null, [1, 2]); // this是window  // [1, 2]
doSth.apply(0, [1, 2]); // this 是 Number(0) // [1, 2]
doSth.apply(true); // this 是 Boolean(true) // [undefined, undefined]
doSth.call(undefined, 1, 2); // this 是 window // [1, 2]
doSth.call('0', 1, {a: 1}); // this 是 String('0') // [1, {a: 1}]
// 例子2:浏览器环境 严格模式下'use strict';
var doSth2 = function(a, b){console.log(this);console.log([a, b]);
}
doSth2.call(0, 1, 2); // this 是 0 // [1, 2]
doSth2.apply('1'); // this 是 '1' // [undefined, undefined]
doSth2.apply(null, [1, 2]); // this 是 null // [1, 2]

typeof7种类型(undefined number string boolean symbol object function),笔者都验证了一遍:更加验证了相同点第一点,严格模式下,函数的this值就是callapply的第一个参数thisArg,非严格模式下,thisArg值被指定为 nullundefinedthis值会自动替换为指向全局对象,原始值则会被自动包装,也就是new Object()

重新认识了callapply会发现:它们作用都是一样的,改变函数里的this指向为第一个参数thisArg,如果明确有多少参数,那可以用call,不明确则可以使用apply。也就是说完全可以不使用call,而使用apply代替。
也就是说,我们只需要模拟实现applycall可以根据参数个数都放在一个数组中,给到apply即可。

模拟实现 apply

既然准备模拟实现apply,那先得看看ES5规范。ES5规范 英文版ES5规范 中文版apply的规范下一个就是call的规范,可以点击打开新标签页去查看,这里摘抄一部分。

Function.prototype.apply (thisArg, argArray)
当以 thisArgargArray 为参数在一个 func 对象上调用 apply 方法,采用如下步骤:

1.如果 IsCallable(func)false, 则抛出一个 TypeError 异常。
2.如果 argArraynullundefined, 则返回提供 thisArg 作为 this 值并以空参数列表调用 func[[Call]] 内部方法的结果。
3.返回提供 thisArg 作为 this 值并以空参数列表调用 func[[Call]] 内部方法的结果。
4.如果 Type(argArray) 不是 Object, 则抛出一个 TypeError 异常。
5~8 略
9.提供 thisArg 作为 this 值并以 argList 作为参数列表,调用 func[[Call]] 内部方法,返回结果。
apply 方法的 length 属性是 2

在外面传入的 thisArg 值会修改并成为 this 值。thisArgundefinednull 时它会被替换成全局对象,所有其他值会被应用 ToObject 并将结果作为 this 值,这是第三版引入的更改。

结合上文和规范,如何将函数里的this指向第一个参数thisArg呢,这是一个问题。这时候请出例子3

// 浏览器环境 非严格模式下var doSth = function(a, b){console.log(this);console.log(this.name);console.log([a, b]);
}
var student = {name: '若川',doSth: doSth,
};
student.doSth(1, 2); // this === student // true // '若川' // [1, 2]
doSth.apply(student, [1, 2]); // this === student // true // '若川' // [1, 2]

可以得出结论1:在对象student上加一个函数doSth,再执行这个函数,这个函数里的this就指向了这个对象。那也就是可以在thisArg上新增调用函数,执行后删除这个函数即可。知道这些后,我们试着容易实现第一版本:

// 浏览器环境 非严格模式function getGlobalObject(){returnthis;
}
Function.prototype.applyFn = function apply(thisArg, argsArray){ // `apply` 方法的 `length` 属性是 `2`。// 1.如果 `IsCallable(func)` 是 `false`, 则抛出一个 `TypeError` 异常。if(typeofthis !== 'function'){thrownewTypeError(this + ' is not a function');}// 2.如果 argArray 是 null 或 undefined, 则// 返回提供 thisArg 作为 this 值并以空参数列表调用 func 的 [[Call]] 内部方法的结果。if(typeof argsArray === 'undefined' || argsArray === null){argsArray = [];}// 3.如果 Type(argArray) 不是 Object, 则抛出一个 TypeError 异常 .if(argsArray !== newObject(argsArray)){thrownewTypeError('CreateListFromArrayLike called on non-object');}if(typeof thisArg === 'undefined' || thisArg === null){// 在外面传入的 thisArg 值会修改并成为 this 值。// ES3: thisArg 是 undefined 或 null 时它会被替换成全局对象 浏览器里是windowthisArg = getGlobalObject();}// ES3: 所有其他值会被应用 ToObject 并将结果作为 this 值,这是第三版引入的更改。thisArg = newObject(thisArg);var __fn = '__fn';thisArg[__fn] = this;// 9.提供 thisArg 作为 this 值并以 argList 作为参数列表,调用 func 的 [[Call]] 内部方法,返回结果var result = thisArg[__fn](...argsArray);delete thisArg[__fn];return result;
};

实现第一版后,很容易找出两个问题:

  • [ ] 1.__fn 同名覆盖问题,thisArg对象上有__fn,那就被覆盖了然后被删除了。

针对问题1 解决方案一:采用ES6 Sybmol() 独一无二的。可以本来就是模拟ES3的方法。如果面试官不允许用呢。解决方案二:自己用Math.random()模拟实现独一无二的key。面试时可以直接用生成时间戳即可。

// 生成UUID 通用唯一识别码// 大概生成 这样一串 '18efca2d-6e25-42bf-a636-30b8f9f2de09'function generateUUID(){var i, random;var uuid = '';for (i = 0; i < 32; i++) {random = Math.random() * 16 | 0;if (i === 8 || i === 12 || i === 16 || i === 20) {uuid += '-';}uuid += (i === 12 ? 4 : (i === 16 ? (random & 3 | 8) : random)).toString(16);}return uuid;
}
// 简单实现// '__' + new Date().getTime();

如果这个key万一这对象中还是有,为了保险起见,可以做一次缓存操作。比如如下代码:

var student = {name: '若川',doSth: 'doSth',
};
var originalVal = student.doSth;
var hasOriginalVal = student.hasOwnProperty('doSth');
student.doSth = function(){};
delete student.doSth;
// 如果没有,`originalVal`则为undefined,直接赋值新增了一个undefined,这是不对的,所以需判断一下。if(hasOriginalVal){student.doSth = originalVal;
}
console.log('student:', student); // { name: '若川', doSth: 'doSth' }
  • [ ] 2.使用了ES6扩展符...
    解决方案一:采用eval来执行函数。

eval把字符串解析成代码执行。
MDN 文档:eval
语法

eval(string)

参数
string
表示JavaScript表达式,语句或一系列语句的字符串。表达式可以包含变量以及已存在对象的属性。
返回值
执行指定代码之后的返回值。如果返回值为空,返回undefined
解决方案二:但万一面试官不允许用eval呢,毕竟eval是魔鬼。可以采用new Function()来生成执行函数。MDN 文档:Function
语法

newFunction ([arg1[, arg2[, ...argN]],] functionBody)

参数
arg1, arg2, ... argN
被函数使用的参数的名称必须是合法命名的。参数名称是一个有效的JavaScript标识符的字符串,或者一个用逗号分隔的有效字符串的列表;例如“×”“theValue”,或“A,B”
functionBody
一个含有包括函数定义的JavaScript语句的字符串。
接下来看两个例子:

简单例子:
var sum = newFunction('a', 'b', 'return a + b');
console.log(sum(2, 6));
// 稍微复杂点的例子:var student = {name: '若川',doSth: function(argsArray){console.log(argsArray);console.log(this.name);}
};
// var result = student.doSth(['若川i', 18]);// 用new Function()生成函数并执行返回结果var result = newFunction('return arguments[0][arguments[1]](arguments[2][0], arguments[2][1])')(student, 'doSth', ['若川i', 18]);
// 个数不定// 所以可以写一个函数生成函数代码:function generateFunctionCode(argsArrayLength){var code = 'return arguments[0][arguments[1]](';for(var i = 0; i < argsArrayLength; i++){if(i > 0){code += ',';}code += 'arguments[2][' + i + ']';}code += ')';// return arguments[0][arguments[1]](arg1, arg2, arg3...)return code;
}

你可能不知道在ES3、ES5undefined 是能修改的

可能大部分人不知道。ES5中虽然在全局作用域下不能修改,但在局部作用域中也是能修改的,不信可以复制以下测试代码在控制台执行下。虽然一般情况下是不会的去修改它。

function test(){varundefined = 3;console.log(undefined); // chrome下也是 3
}
test();

所以判断一个变量a是不是undefined,更严谨的方案是typeof a === 'undefined'或者a === void 0; 这里面用的是voidvoid的作用是计算表达式,始终返回undefined,也可以这样写void(0)。更多可以查看韩子迟的这篇文章:为什么用「void 0」代替「undefined」 解决了这几个问题,比较容易实现如下代码。

使用 new Function() 模拟实现的apply

// 浏览器环境 非严格模式function getGlobalObject(){returnthis;
}
function generateFunctionCode(argsArrayLength){var code = 'return arguments[0][arguments[1]](';for(var i = 0; i < argsArrayLength; i++){if(i > 0){code += ',';}code += 'arguments[2][' + i + ']';}code += ')';// return arguments[0][arguments[1]](arg1, arg2, arg3...)return code;
}
Function.prototype.applyFn = function apply(thisArg, argsArray){ // `apply` 方法的 `length` 属性是 `2`。// 1.如果 `IsCallable(func)` 是 `false`, 则抛出一个 `TypeError` 异常。if(typeofthis !== 'function'){thrownewTypeError(this + ' is not a function');}// 2.如果 argArray 是 null 或 undefined, 则// 返回提供 thisArg 作为 this 值并以空参数列表调用 func 的 [[Call]] 内部方法的结果。if(typeof argsArray === 'undefined' || argsArray === null){argsArray = [];}// 3.如果 Type(argArray) 不是 Object, 则抛出一个 TypeError 异常 .if(argsArray !== newObject(argsArray)){thrownewTypeError('CreateListFromArrayLike called on non-object');}if(typeof thisArg === 'undefined' || thisArg === null){// 在外面传入的 thisArg 值会修改并成为 this 值。// ES3: thisArg 是 undefined 或 null 时它会被替换成全局对象 浏览器里是windowthisArg = getGlobalObject();}// ES3: 所有其他值会被应用 ToObject 并将结果作为 this 值,这是第三版引入的更改。thisArg = newObject(thisArg);var __fn = '__' + newDate().getTime();// 万一还是有 先存储一份,删除后,再恢复该值var originalVal = thisArg[__fn];// 是否有原始值var hasOriginalVal = thisArg.hasOwnProperty(__fn);thisArg[__fn] = this;// 9.提供 `thisArg` 作为 `this` 值并以 `argList` 作为参数列表,调用 `func` 的 `[[Call]]` 内部方法,返回结果。// ES6版// var result = thisArg[__fn](...args);var code = generateFunctionCode(argsArray.length);var result = (newFunction(code))(thisArg, __fn, argsArray);delete thisArg[__fn];if(hasOriginalVal){thisArg[__fn] = originalVal;}return result;
};

利用模拟实现的apply模拟实现call

Function.prototype.callFn = function call(thisArg){var argsArray = [];var argumentsLength = arguments.length;for(var i = 0; i < argumentsLength - 1; i++){// argsArray.push(arguments[i + 1]);argsArray[i] = arguments[i + 1];}console.log('argsArray:', argsArray);returnthis.applyFn(thisArg, argsArray);
}
// 测试例子var doSth = function (name, age){var type = Object.prototype.toString.call(this);console.log(typeof doSth);console.log(this === firstArg);console.log('type:', type);console.log('this:', this);console.log('args:', [name, age], arguments);return'this--';
};var name = 'window';var student = {name: '若川',age: 18,doSth: 'doSth',__fn: 'doSth',
};
var firstArg = student;
var result = doSth.applyFn(firstArg, [1, {name: '若川i'}]);
var result2 = doSth.callFn(firstArg, 1, {name: '若川i'});
console.log('result:', result);
console.log('result2:', result2);

细心的你会发现注释了这一句argsArray.push(arguments[i + 1]);,事实上push方法,内部也有一层循环。所以理论上不使用push性能会更好些。面试官也可能根据这点来问时间复杂度和空间复杂度的问题。

// 看看V8引擎中的具体实现:function ArrayPush() {var n = TO_UINT32( this.length );    // 被push的对象的lengthvar m = %_ArgumentsLength();     // push的参数个数for (var i = 0; i < m; i++) {this[ i + n ] = %_Arguments( i );   // 复制元素     (1)}this.length = n + m;      // 修正length属性的值    (2)returnthis.length;
};

行文至此,就基本结束了,你可能还发现就是写的非严格模式下,thisArg原始值会包装成对象,添加函数并执行,再删除。而严格模式下还是原始值这个没有实现,而且万一这个对象是冻结对象呢,Object.freeze({}),是无法在这个对象上添加属性的。所以这个方法只能算是非严格模式下的简版实现。最后来总结一下。

总结

通过MDN认识callapply,阅读ES5规范,到模拟实现apply,再实现call
就是使用在对象上添加调用apply的函数执行,这时的调用函数的this就指向了这个thisArg,再返回结果。引出了ES6 SymbolES6的扩展符...evalnew Function(),严格模式等。
事实上,现实业务场景不需要去模拟实现callapply,毕竟是ES3就提供的方法。但面试官可以通过这个面试题考察候选人很多基础知识。如:callapply的使用。ES6 SymbolES6的扩展符...evalnew Function(),严格模式,甚至时间复杂度和空间复杂度等。
读者发现有不妥或可改善之处,欢迎指出。另外觉得写得不错,可以点个赞,也是对笔者的一种支持。

// 最终版版 删除注释版,详细注释看文章// 浏览器环境 非严格模式function getGlobalObject(){returnthis;
}
function generateFunctionCode(argsArrayLength){var code = 'return arguments[0][arguments[1]](';for(var i = 0; i < argsArrayLength; i++){if(i > 0){code += ',';}code += 'arguments[2][' + i + ']';}code += ')';return code;
}
Function.prototype.applyFn = function apply(thisArg, argsArray){if(typeofthis !== 'function'){thrownewTypeError(this + ' is not a function');}if(typeof argsArray === 'undefined' || argsArray === null){argsArray = [];}if(argsArray !== newObject(argsArray)){thrownewTypeError('CreateListFromArrayLike called on non-object');}if(typeof thisArg === 'undefined' || thisArg === null){thisArg = getGlobalObject();}thisArg = newObject(thisArg);var __fn = '__' + newDate().getTime();var originalVal = thisArg[__fn];var hasOriginalVal = thisArg.hasOwnProperty(__fn);thisArg[__fn] = this;var code = generateFunctionCode(argsArray.length);var result = (newFunction(code))(thisArg, __fn, argsArray);delete thisArg[__fn];if(hasOriginalVal){thisArg[__fn] = originalVal;}return result;
};
Function.prototype.callFn = function call(thisArg){var argsArray = [];var argumentsLength = arguments.length;for(var i = 0; i < argumentsLength - 1; i++){argsArray[i] = arguments[i + 1];}returnthis.applyFn(thisArg, argsArray);
}

学习源码整体架构系列

1.学习 jQuery 源码整体架构,打造属于自己的 js 类库
2.学习 underscore 源码整体架构,打造属于自己的函数式编程类库
3.学习 lodash 源码整体架构,打造属于自己的函数式编程类库
4.学习 sentry 源码整体架构,打造属于自己的前端异常监控SDK
5.学习 vuex 源码整体架构,打造属于自己的状态管理库
6.学习 axios 源码整体架构,打造属于自己的请求库

微信公众号

作者:常以若川为名混迹于江湖。前端路上 | PPT 爱好者 | 所知甚少,唯善学。
博客:https://lxchuan12.cn/posts/,阅读体验可能更好些。

若川视野

主要发布前端 | PPT | 生活 | 效率相关的文章,长按扫码关注。欢迎加我微信lxchuan12(注明来源,基本来者不拒),拉您进【前端视野交流群】,长期交流学习~

小提醒:若川视野公众号原创文章合集在菜单栏中间【原创精选】按钮,欢迎点击阅读

由于公众号限制外链,点击读原文,或许阅读体验更佳,觉得文章不错,可以点个在看呀^_^另外欢迎留言交流~

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

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

相关文章

prometheus 发送恢复 值_Prometheus基础知识介绍

【编者的话】本文会让你了解Prometheus是什么&#xff0c;并让你理解它在监控领域的适用场景。Prometheus起源很久以前&#xff0c;加利福尼亚州山景城有一家名为Google的公司。他们推出了大量产品&#xff0c;其中最著名的是广告系统和搜索引擎平台。为了运行这些不同的产品&a…

面试官问:JS的this指向

写于2018年12月25日&#xff0c;发布在掘金上阅读量近一万&#xff0c;现在发布到微信公众号申明原创。前言这是面试官问系列的第四篇&#xff0c;旨在帮助读者提升JS基础知识&#xff0c;包含new、call、apply、this、继承相关知识。面试官问系列文章如下&#xff1a;感兴趣的…

要做PPT,一直找不到资源?

写于 2016年6月&#xff0c;工作后就很少做PPT了。但工作至今也有人问我如何做PPT有没有模板之类的问题&#xff08;比如&#xff1a;大学室友做公司年度汇报时也找到我问有没有模板&#xff0c;我发了这篇文章给他&#xff0c;他说不记得我写了这篇文章呀&#xff09;&#xf…

Linux系统安装Appach 2.4.6

转载链接&#xff1a;http://www.cnblogs.com/kerrycode/p/3261101.html Apache简介 Apache HTTP Server&#xff08;简称Apache&#xff09;是Apache软件基金会的一个开放源码的网页服务器&#xff0c;可以在大多数计算机操作系统中运行&#xff0c;由于其多平台和安全性被广…

学习 redux 源码整体架构,深入理解 redux 及其中间件原理

如果觉得内容不错&#xff0c;可以设为星标置顶我的公众号1. 前言你好&#xff0c;我是若川。这是学习源码整体架构系列第八篇。整体架构这词语好像有点大&#xff0c;姑且就算是源码整体结构吧&#xff0c;主要就是学习是代码整体结构&#xff0c;不深究其他不是主线的具体函数…

pdf安装包_有么有pdf控件,不需要用户安装任何安装包直接打印的?

如果开发一个软件&#xff0c;需要用到PDF功能&#xff0c;您的选择是基于Adobe PDF吗&#xff1f; 如果是基于Adobe PDF&#xff0c;需要用户安装一个几十M的Adobe的安装包&#xff0c;这显然是不友好的。即使目前也有了一些其它的阅读器&#xff0c;大小也还好。但是&#xf…

[转] C#异步操作

Title 通过委托实现异步调用中BeginInvoke及回调函数的使用 通过委托实现异步调用的步骤&#xff1a; 1.定义委托。 2.将要进行异步调用的方法“实例化”到定义的委托。 3.在委托上调用BeginInvoke方法。其中&#xff0c;BeginInvoke的参数由三个部分构成。第一部分&#xff1…

HTTP Server Error 500 内部服务器错误

问题&#xff1a;HTTP500错误 或 Server Application Error ------------------------------------Server Application ErrorThe server has encountered an error while loading an application during the processing of your request. Please refer to the event log for mo…

使用 ohmyzsh 打造 windows、ubuntu、mac 系统高效终端命令行工具

如果觉得内容不错&#xff0c;可以设为星标置顶我的公众号原标题名&#xff1a;oh my zsh 和 windows git bash 设置别名提高效率写于2018年06月03日在我的微信交流群中听闻很多前端开发比较贫穷&#xff0c;没有买mac电脑&#xff08;比如我&#xff09;&#xff0c;也没有用过…

request获取mac地址_【Go】获取用户真实的ip地址

原文链接&#xff1a;https://blog.thinkeridea.com/201903/go/get_client_ip.html用户请求到达提供服务的服务器中间有很多的环节&#xff0c;导致服务获取用户真实的 ip 非常困难&#xff0c;大多数的框架及工具库都会封装各种获取用户真实 ip 的方法&#xff0c;在 exnet 包…

iPhone开发四剑客之《Objective-C基础教程》

iPhone 开发四剑客之《Objective-C 基础教程》 Objective-C 语言是 C 语言的一个扩展集&#xff0c;许多&#xff08;可能是大多数&#xff09;具备 Mac OS X 外观的应用程序都是使用该语言开发的。它以 C 语言为基础&#xff0c;添加了一些微妙但意义重大的特性。 苹果公司为…

keras训练完以后怎么预测_还在使用“龟速”的单显卡训练模型?动动手,让TPU节省你的时间...

点击上方关注&#xff0c;All in AI中国本文将介绍如何使用Keras和Google CoLaboratory与TPU一起训练LSTM模型&#xff0c;与本地计算机上的GPU相比&#xff0c;这样训练能大大缩短训练时间。很长一段时间以来&#xff0c;我都在单张GTX 1070显卡上训练我的模型&#xff0c;它的…

手把手教你写个小程序定时器管理库

背景凹凸曼是个小程序开发者&#xff0c;他要在小程序实现秒杀倒计时。于是他不假思索&#xff0c;写了以下代码&#xff1a;Page({init: function () {clearInterval(this.timer)this.timer setInterval(() > {// 倒计时计算逻辑console.log(setInterval)})}, })可是&…

[New Portal]Windows Azure Virtual Machine (14) 在本地制作数据文件VHD并上传至Azure(1)

《Windows Azure Platform 系列文章目录》 之前的内容里&#xff0c;我介绍了如何将本地的Server 2012中文版 VHD上传至Windows Azure&#xff0c;并创建基于该Server 2012 VHD的虚拟机。 我们知道&#xff0c;VHD不仅仅可以保存操作系统&#xff0c;而且可以保存数据文件。 如…

python 退出程序_Python:用Ctrl+C解决终止多线程程序的问题!(建议收藏)

前言&#xff1a;今天为大家带来的内容是Python:用CtrlC解决终止多线程程序的问题&#xff01;文章中的代码具有不错的参考意义&#xff0c;希望在此能够帮助到各位&#xff01;(多数代码用图片的方式呈现出来&#xff0c;方便各位观看与收藏)出发点&#xff1a;前段时间&#…

若川知乎高赞:有哪些必看的 JS 库?

欢迎星标我的公众号&#xff0c;回复加群&#xff0c;长期交流学习我的知乎回答目前2w阅读量&#xff0c;270赞&#xff0c;现在发到公众号声明原创。必看的js库&#xff1f;只有当前阶段值不值看。我从去年7月起看一些前端库的源码&#xff0c;历时一年才写了八篇《学习源码整…

基于EasyUI的Web应用程序及过去一年的总结

前言 一个多月之前已经提交了离职申请&#xff0c;好在领导都已经批准了&#xff0c;过几天就办理手续了&#xff0c;在此感谢领导的栽培与挽留&#xff0c;感谢各位同事在工作中的给我的帮助&#xff0c;离开这个团队确实有一些不舍&#xff0c;不为别的&#xff0c;只因为这个…

快速使用Vue3最新的15个常用API

之前我写了一篇博客介绍了Vue3的新特性&#xff0c;简单了解了一下Vue3都有哪些特色&#xff0c;并且在文末带大家稍微体验了一下Vue3中 Compsition API 的简单使用上一篇文章地址&#xff1a;紧跟尤大的脚步提前体验Vue3新特性&#xff0c;你不会还没了解过Vue3吧因为这个月的…

超级马里奥代码_任天堂的源码泄露,揭示超级马里奥的前世之生

被黑客盯上的任天堂任天堂遭到了史上最大规模的黑客攻击&#xff0c;Wii 完整源码、设计以及《宝可梦》多部作品的信息遭到泄露&#xff0c;而此次泄露事件的后续影响似乎也爆发了出来。《马里奥赛车》和《超级马里奥世界2》(耀西岛)的早期原型视频&#xff0c;以及《超级马里奥…

漫画 | 前端发展史的江湖恩怨情仇

时间总是过得很快&#xff0c; 似乎快得让人忘记了昨天&#xff0c;前端WEB领域的发展更是如此&#xff0c;转眼间已是近30年&#xff0c;时光荏苒&#xff0c;初心不变&#xff0c;在一代又一代前端人的努力下&#xff0c;前端已经是互联网不可或缺的一部分。然而很多前端打工…