vue2响应式原理及实现一个响应式函数

2021-08-22

Object.defineProperty

定义：Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象

为什么能实现响应式

通过defineProperty 两个属性，get及set

属性的 getter 函数，当访问该属性时，会调用此函数。执行时不传入任何参数，但是会传入 this 对象（由于继承关系，这里的this并不一定是定义该属性的对象）。该函数的返回值会被用作属性的值

属性的 setter 函数，当属性值被修改时，会调用此函数。该方法接受一个参数（也就是被赋予的新值），会传入赋值时的 this 对象。默认为 undefined

展开全文 >>

内存溢出和内存泄露

2021-08-22

一.内存溢出

内存溢出：是一种程序运行时出现的错误；当程序运行时需要的内存超过了剩余的内存时，就会抛出内存溢出的错误。

var obj = {}
for(let i = 0;i < 1000000;i++){
    obj[i] = new Array(1000000)
}

展开全文 >>

async与await关键字的使用

2021-08-21

一.什么是async

async 函数返回一个 Promise 对象，当函数执行的时候，一旦遇到 await 就会先返回，等到触发的异步操作完成，再接着执行函数体内后面的语句。

async function fn() {
    return 'hello word'
}
fn()

console.log(typeof fn()); //object // 返回的是一个promised对象

fn().then(data => console.log(data)) // fn() return出一个promise对象 .then()调用promise中的resolve() .catch()调用reject()

展开全文 >>

ajax封装

2021-08-20

ajax的封装

创建XMLhttprequest()对象
初始化参数
.open发送请求
.send发送post请求的数据
xhr.onreadystatechange 监听状态码的改变
接收数据

展开全文 >>

排序算法

2021-08-20

function arrayList() {
            this.array = []


            arrayList.prototype.swip = function (m, n) {
                var temp = this.array[m]
                this.array[m] = this.array[n]
                this.array[n] = temp
            }
<!-- more -->
            arrayList.prototype.insert = function (item) {
                this.array.push(item)
            }
            arrayList.prototype.toString = function () {
                return this.array.join("-")
            }

            // 排序算法

            // 1.冒泡排序
            arrayList.prototype.bubbleSort = function () {
                var length = this.array.length
                for (var i = 0; i < length - 1; i++) {
                    for (var j = 0; j < length - i - 1; j++) {
                        if (this.array[j] > this.array[j + 1]) {
                            this.swip(j, j + 1)
                        }
                    }
                }
                console.log(this.array);
            }

            // 选择排序
            arrayList.prototype.selectSort = function () {
                var length = this.array.length
                for (var j = 0; j < length - 1; j++) {
                    var min = j
                    for (var i = min + 1; i < length; i++) {
                        if (this.array[i] < this.array[min]) {
                            min = i
                        }
                    }
                    this.swip(min, j)
                }
                console.log(this.array);
            }
        }
        var arr = new arrayList()
        arr.insert(10)
        arr.insert(1210)
        arr.insert(54)
        arr.insert(28)
        arr.insert(77)
        arr.insert(50)
        arr.insert(89)
        // 测试冒泡排序
        // arr.bubbleSort()
        arr.selectSort()

展开全文 >>