今天冬冬不吃鱼-CSDN博客

原创 js查找机制原型链

当访问一个对象的属性(方法)的时候,首先查找这个对象自身有没有该属性,如果没有的话,就往prototype上查找,根据原型链不断找,知道找到该属性(方法),如果没有输出null;对象属性__proto__每个对象都有一个属性 : __proto__ 这是一个非标准的属性,用来指引的属性; 如果实例对象没有方法,就会通过__proto__指引寻找到prototype; 实例对象中有一个属性是__proto__ ,被称之为对象原型,指向原型对象; 原型对象是构造函数的一个属性; 构造函数..

2020-09-22 10:27:28 325

原创 javascript异步编程

promise是ES6中新增的一个构造函数帮我们简化异步代码,使其更易读,容易阅读,维护尤其是在想控制多个异步函数的时候,promise即可发挥真正的价值创建promise对象const p1 = new Promise ((resolve,reject) => {// 执行一个异步操作 resolve() reject()})p1.then(() => { console.log("正常执行完毕") //在异步函数中调用resolve就相当于.

2020-09-22 10:08:57 104

原创 js闭包与拷贝

闭包(closure)一个作用域访问另外一个函数内部的局部变量,就是闭包现象函数执行完毕后,作用域的局部变量就会销毁;但是如果出现闭包现象,上级作用域的变量就会被留下,不被销毁;作用域链的寻找方式闭包可以保留多个变量,用谁保留谁, 不用的变量就会被销毁用于延伸变量的作用范围;双标签更改,获取内容的时候用innerHTML或innerTEXT;表单双标签不用, 获取内容用value;*函数声明方式function*分为命名函数和匿名函数匿名函数可使用一个变量接受,也可自调用

2020-09-22 09:55:42 148

原创 js函数的调用方式

this指向 -当前调用者this指向就是调用者,调用方式不同决定了this的指向不同普通函数: window构造函数: 实例对象对象方法: 调用者// 方法放在对象里叫方法, 拿出来就是普通函数事件绑定方法: 事件源定时器函数: window立即执行函数(自调用函数): windowcall方法函数.call(指向者,若干参数......); 会调用函数,并改变this指向apply 方法函数.apply(指向者,[数组]); 参数只能放数组,会调用函数,并改

2020-09-22 09:48:28 164

原创 javascript类和对象

编程思想面向过程: POP(Process-oriented programming)优点: 性能比面向对象高,步骤联系紧密缺点: 不好维护,不易多次使用及扩展面向对象: OOP(Object Oriented Programming)优点: 易维护,可复用, 可扩展, 灵活性高缺点: 性能没有面向过程高面向对象是将事务分解成为一个个对象,然后由对象之间分工与合作面向对象三大特性封装性继承性多态性ES(ECMAscript)6中类和对象类(抽象) : 泛指大面积相同类

2020-09-22 09:28:44 55

原创 Ajax请求简介

简介通过JS代码完成客户端和服务器端交互的技术客户端是从服务器得到标签,从浏览器中解析出来,显示到自己的页面中客户端向服务器发送请求的工具,最常见的客户端工具就是浏览器服务器本质上就是电脑,用于存储网页, 开发好的网页都放置服务器上义工服务,可以把客户端的请求页面返回给客户端请求: 客户端向服务器"索要"页面的动作响应: 既回应,服务器为客户端提供页面的过程资源: 服务器上存储的各种文件都叫做资源接口: 就是一个网址(发送Ajax请求的时候,可以为url添接口地址)原

2020-09-22 09:24:10 64

原创 vue函数防抖和函数节流

lodash 函数库lodash 是一个常用工具函数库，它里面封装了好多常用的工具函数：官方文档： https://lodash.com/翻译的中文文档：https://www.lodashjs.com/函数防抖(Debounce): 在事件被触发N秒后再执行回调, 如果在这N秒内又被触发,则重新计时; # 引入vue中 import { debounce } from 'lodash'# 使用方式// vue中需要使用原生方式methods:{ onSearchInput: de

2020-09-21 17:20:44 223

原创 token优化

axios安装与优化安装npm i axios // 安装axios插件英雄列表组件中引入 axiosimport axiod from ‘axios’ // 引入axios添加一个组件实例创建完成之后执行created(){// this指向当前组件实例}实现axios统一导入,并且给Vue对象的原型链赋值Vue.portotype.$axios = axiostoken优化在Axios请求拦截器里统一添加token// axios请求拦截器axios.

2020-09-21 17:01:34 250

原创 Vue浅入未出

Vue浅入未出构建用户界面(User Interface)渐进式框架基本介绍对构造函数进行实例化new Vue();el: ‘元素’el的值也可以是DOM对象,正常情况下是id选择器el称之为视图,准确来讲叫模板el的值可以是选择器,建议使用id选择器保证唯一性,如果选择器选中的元素有多个,只对第一个生效template 标签用于包裹多个子节点,让Vue更好的操控想控制多个同级元素渲染的时候,又不想增加额外的节点template上不能使用key标签,因为templat

2020-09-21 16:55:07 107

qq_45548069的博客