雨落宿命敲的博客

来自 whistle 官网：http://wproxy.org/whistle/ 的介绍：简要总结下上面这段介绍：想要明白 whistle 在开发中的作用，需要先了解什么是代理，为什么需要代理在客户端与服务端沟通中间搭建的服务，客户端与服务端之前并不直接进行通信，而是通过代理服务器进行。在这个模式下，又区分有正向、反向代理。他们的行为是一样的，都是通过代理服务器去转发请求给目标服务器。在请求发送(接收)之前加入中间层（代理），将不同的域名转换成相同的，就解决了跨域的问题。客户端发送请求时，不直接到服务器，而

按照格式处理返回正确的时间。

声网编程竞赛7月专场URL 参数解析并高亮文本内容表格数据转换时间转换工具验证密码强度为图片添加景深效果你能看出有多少位吗？下次“绕”过你调皮的模态框让时钟转起来声网编程竞赛7月专场

这三种排序算法都利用了桶的概念，都属于用空间换时间的算法。但对桶的使用方法上有明显差异：计数排序的核心在于将输入的数据值转化为键存储在额外开辟的数组空间中。作为一种线性时间复杂度的排序，计数排序要求输入的数据必须是有确定范围的整数。图示：算法的步骤如下：（1）找出待排序的数组中最大和最小的元素（2）统计数组中每个值为i的元素出现的次数，存入数组C的第i项（3）对所有的计数累加（从C中的第一个元素开始，每一项和前一项相加）（4）反向填充目标数组：将每个元素i放在新数组的第C(i)项，每放一个元素就将C

堆排序（Heapsort）是指利用堆这种数据结构所设计的一种排序算法。堆积是一个近似完全二叉树的结构，并同时满足堆积的性质：即子结点的键值或索引总是小于（或者大于）它的父节点。堆排序可以说是一种利用堆的概念来排序的选择排序。分为两种方法：完全二叉树定义：除了最后一层，二叉树其他节点个数都是满的。由完全二叉树转数组可以得出以下结论：任意一个节点 i（下标） 的父节点 parent ，左右子节点c1、c2 下标为：例如：[4, 10, 3, 5, 1, 2]，生成完全二叉树。按指定位置生成合格的堆结构。堆

1.当数组长度很大时，使用插入排序有个弊端，就是如果最小值排在很末端的时候，插入排序需要从末端开始，逐个往前比较到第一个位置，很低效。而希尔排序通过分组的方式，直接让前端跟末端的元素进行比较，解决了插入排序的这个弊端。希尔排序就是按照一定的gap值，不断地对数组进行插入排序。2.当一开始 增量n 很大的时候，每一个子数组的元素很少，所以对每个子数组用插入排序进行内部排序是很高效的；它通过比较相距一定间隔的元素来进行，各趟比较所用的距离随着算法的进行而减小，直到只比较相邻元素的最后一趟排序为止。

归并排序采取的是分治思想。分治：分而治之，将大的问题分解成小的子问题来解决，小的子问题都解决了，大的问题也就解决了。用图来表示能更加清楚：拆分成最小子序列，合并排序最小的子序列。

插入排序，意为将待排序的元素插入已经排序好的数列中。假设前面 n-1(其中 n>=2)个数已经是排好顺序的，现将第 n 个数插到前面已经排好的序列中， 然后找到合适自己的位置，使得插入第n个数的这个序列也是排好顺序的。 按照此法对所有元素进行插入，直到整个序列排为有序的过程，称为插入排序。从数列中挑出一个元素，称为 "基准",重新排序数列，所有元素比基准值小的摆放在基准前面，所有元素比基准值大的摆在基准的后面（相同的数可以到任一边）。在这个分区退出之后，该基准就处于数列的中间位置。接下来再递

排序基础算法之冒泡排序、选择排序。摘自维基百科解释在计算复杂性理论，一个被称为线性时间或 Ο(n)时间的算法，表示此算法解题所需时间与输入资料的大小成正比，通常以n表示。换句话说，执行时间与输入资料大小为线性比例。例如将一列数字加总的所需时间，正比于串列的长度。

在 Vue 的构造函数中，对 options 的 data 进行处理，这里的 data 想必大家很熟悉，就是平时我们在写 Vue 项目时组件中的 data 属性（实际上是一个函数，这里当作一个对象来简单处理）。Vue.js 是一款 MVVM 框架，数据模型仅仅是普通的 JavaScript 对象，但是对这些对象进行操作时，却能影响对应视图，它的核心实现就是「响应式系统」。（需要「响应式」化的对象），通过遍历所有属性的方式对该对象的每一个属性都通过。在 init 的阶段会进行初始化，对数据进行「响应式化」。

要定义其可枚举属性或修改的属性描述符的对象。对象中存在的属性描述符主要有两种：数据描述符和访问器描述符（更多详情，请参阅 Object.defineProperties()第二个参数如果不为 undefined ,需要将其挂载到实例的 Object.defineProperties 上。第一个参数类型只能是object、function，否则报错。第一个传递null时，返回的实例原型为null。第二个参数类型，不能是null，否则报错。在其上定义或修改属性的对象。的属性，这里顺带讲解下。

上面的文字有些难以理解，在现在的发布订阅模式中，称为发布者的消息发送者不会将消息直接发送给订阅者，这意味着发布者和订阅者不知道彼此的存在。在发布者和订阅者之间存在第三个组件，称为调度中心或事件通道，它维持着发布者和订阅者之间的联系，过滤所有发布者传入的消息并相应地分发它们给订阅者。A就是发布者，你是订阅者，微博就是调度中心，你和A是没有直接的消息往来的，全是通过微博来协调的（你的关注，A的发布动态）。从代码实现可以看出，发布-订阅模式是面向调度中心编程的，而观察者模式则是面向目标和观察者编程的。

有种特殊情况需注意就是对象存在循环引用的情况，即对象的属性直接的引用了自身的情况，解决循环引用问题，我们可以额外开辟一个存储空间，来存储当前对象和拷贝对象的对应关系，当需要拷贝当前对象时，先去存储空间中找，有没有拷贝过这个对象，如果有的话直接返回，如果没有的话继续拷贝，这样就巧妙化解的循环引用的问题。思路：递归方法实现深度克隆原理：遍历对象、数组直到里边都是基本数据类型，然后再去复制，就是深度拷贝。

混入的数据和方法不能明确判断来源且可能和当前组件内变量产生命名冲突，vue3中引入的composition api，可以很好解决这些问题，利用独立出来的响应式模块可以很方便的编写独立逻辑并提供响应式的数据，然后在setup选项中组合使用，增强代码的可读性和维护性。'我是mixin1中的created''我是mixin1中的方法add''我是构造器触发的updated''我是构造器中的created''我是扩展的mounted''我是扩展出来的方法add''我是扩展的Update''我是原生的方法add'

节流：规定的时间段内只触发一次，例如fps游戏中的射击，一直点着开枪，只会在射速时间内发射一枚子弹。（可以分为第一次马上触发和第一次按规定时间触发）防抖：在事件一直被触发的过程中不会触发，当事件停止触发的一段时间后才会被触发，例如发生这件事儿需要时间等待，如果你反复催促，我就重新计时！节流和防抖都是不希望事件被一直频繁地触发。q3: 节流防抖分别应用在什么地方？q1: argument有什么用？// 防抖函数debounce。// 模拟 ajax 请求。// 第一次按时间触发。// 第一次立即会触发。

Object对象的key值只能是字符串，即便你传入的值不是字符串，比如对象，这个时候也会自动将对象转换成字符串来作为key。因为WeakSet只是对对象的弱引用，如果我们遍历获取到其中的元素，那么有可能造成对象不能正常的销毁。WeakMap的key对对象的引用是弱引用，如果没有引用这个对象，那么GC也可以回收该对象；WeakMap支持以下Map操作方法：set()、get()、has()、delete()set类似于数组，但是set不能存放重复元素，set传入的参数是一个可迭代的对象。...

> JavaScript想实现继承的目的：重复利用另外一个对象的属性和方法。#### 1.原型链继承让一个构造函数的原型是另一个类型的实例，那么这个构造函数new出来的实例就具有该实例的属性。当试图访问一个对象的属性时，它不仅仅在该对象上搜寻，还会搜寻该对象的原型，以及该对象的原型的原型，依次层层向上搜索，直到找到一个名字匹配的属性或到达原型链的末尾。```function Parent() { this.isShow = true this.info = { n

实现柯里化柯里化是什么？把接收多个参数的函数，变成接收一个单一参数（最初函数的第一个函数）的函数，并且返回接受余下的参数，而且返回的结果的新函数的技术。如果你固定某些参数，你将得到接收余下参数的一个函数。总结：只传递给函数一部分参数来调用它，让它返回一个函数去处理剩余的参数；这个过程就称之为柯里化例如：function foo(m, n, x, y) { return m + n + x + y;}foo(m + n + x + y)// 柯里化过程function bar(

手写call()方法系统用法：function.call(thisArg, arg1, arg2, ...)手写实现：function sum(num1, num2) { console.log(num1 + num2, this) return num1 + num2;}Function.prototype.mjycall = function(thisArg, ...payload) { // 这里的this是指向的是：调用mjycall方法时，默认绑定的sum方法 //

文章目录为什么需要thisthis指向什么全局作用域中this指向函数中this指向ES6箭头函数中this指向this绑定规则默认绑定隐式绑定显示绑定new绑定规则优先级面试题为什么需要thisthis 关键字并不是 JavaScript 语言独有的，在很多常见的编程语言中你几乎都可以看到这个身影。例如：C++、Java等。为什么需要有 this 这一个关键字呢？或是说 this 的由来？JavaScript 允许在函数体中，引用当前环境或是外部环境的其他变量。var name = 'mjy'