贩剑小达人-CSDN博客

原创 Vue相关内容及深拷贝和浅拷贝

Vue是前端的一个js库（诞生于2015年兴起于2016年尤雨溪（阿里巴巴）），vue是一个MVVM模式的框架。model 数据view 视图viewmodel 视图模型（管理数据驱动视图）虚拟dom顾名思义就是虚拟的dom对象（对象），这个虚拟的dom对象跟实体的dom对象没有直接的关系。如果直接操作实体dom会造成大量的重绘和回流（页面渲染次数增加渲染速度就慢）。所以为了解决这个问题，vue就是先操作对应的虚拟dom，再通过虚拟dom渲染实体dom（只有一次）。

2022-11-07 01:18:25 378 1

原创 Object方法讲解

Object这个类是所有类的父类，也就是说它的方法和属性所有的对象都可以使用。Object的相关方法和属性是提供给其他的对象进行使用的。原型方法重点 hasOwnProperty isPropertypeOfObject是所有类的父类所以他的原型方法及属性所有的类都拥有Object的静态方法是为所有的对象服务的里面的参数都是对象defineProperty和观察者模式是vue2的底层 (实现vue2的双向数据绑定)面试题。

2022-11-07 01:17:03 145

原创设计模式详解

设计模式是一种固定的解决某个问题的一种方式，他是一个固定的模式（原理都是一样的），他不区分语言。常用的设计模式有23种，他分为三类（主要针对的是类和对象）。

2022-11-03 21:41:13 206

原创 JSONP讲解

/请求一个地址 https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?respones.setHeader('Access-Control-Allow-Origin-Method','*')//所有的请求都可以访问我。respones.setHeader('Access-Control-Allow-Origin','*')//所有的地址都可以访问我。// 将script标签加入到对应的页面。// 将script标签加入到对应的页面。

2022-11-03 21:40:18 685

原创 ajax入门了解

AJAX (asynchronous JavaScript and xml) 异步的JavaScript和xml。他是用于发送http请求的，他可以发送异步请求。他可以完成页面的局部刷新功能（在整个页面不刷新的前提下发送对应的请求改变对应的部分的dom），他的核心对象为XMLHttpRequest（xhr）。正在上传…重新上传取消。

2022-11-03 21:39:30 51

原创闭包和promise

它被设计为异步的，它里面的内容是异步的（方法为异步的）async里面使用await 那么如果这个await修饰的promise没有执行完，那么对应的async修饰的函数返回promise状态时pending。//这个函数里面的第一个参数为成功的函数 resolve 第二个参数为失败的函数 reject （这个俩个函数都是异步的）当你不需要使用这个函数了对应的函数的内存空间就会被回收那么里面的代码开辟的空间也就被回收了。概述：回调函数的无限嵌套导致当前代码失去了对应的维护价值及对应的可读性。

2022-10-27 21:19:05 281

原创 JavaScript中原型和继承

构造函数的原型prototype实例对象的原型__proto__实例对象的__proto__指向构造函数的prototype原型链通过对应的对象的__proto__去找对应的属性直到找到Object为止原型一般上面写函数，可以保证函数只声明一次。对应的属性写在构造函数内。原型上的方法/属性。通过实例对象.属性名直接访问（平常通过对象去点的方法都称为原型方法）在对应的原型上的函数里面的this指向当前调用的实例对象。

2022-10-27 21:15:19 84

原创 JavaScript面向对象

面向对象是一种编程思想（oop），面向对象相对于面向过程的一个抽取和简化。主要是以类来构建对象，以对象来存储对应的行为及属性，抽取对应的行为做为方法，抽取对应的属性做为属性。面向对象核心万物皆对象找有这个行为的对象去完成这个行为。

2022-10-27 21:12:32 78

原创 JavaScript中一些运动动画

运动（动画），操作对应的dom元素发生变化（这个变化要持续多次（修改样式）），每次间隔的时间是你肉眼察觉不出的（时间比较短）。当到达目标位置就停止。这个就是所谓的动画。

2022-10-27 21:10:04 175

原创 es5和es6新增内容

reduce是用于计算的 reduce传入的函数有四个参数（前面的和（默认为第一个）当前的值（默认是第二个开始）当前的下标（默认从1开始）当前遍历的数组）如果需要调整在后面进行传参。for (var key in obj) { //遍历的是key （数组的key是下标）key的类型为字符串。//call 自动调用第一个参数是绑定的对象第二个参数是传递的参数（以一个个的元素进行传递）//apply 自动调用第一个参数是绑定的对象第二个参数是传递的参数（以数组进行传递）

2022-10-26 20:12:21 86

原创 JavaScript中的正则表达式

正则表达式是运用于验证一种表达式，他在js中是一个对象，被称为正则对象，对应的正则对象存在对应相关的元字符。我只需要了解相关元字符及对应的可以书写一些简单的正则进行验证就可以了。

2022-10-26 19:47:24 115

原创基于http的cookie和JSON储存

概述：cookie是为了解决http的无状态问题产生的，（cookie里面存储sessionID的方式来解决http的无状态问题），cookie是存放在浏览器上的。因为对应的http的无状态问题导致我们可能在进行某项操作的时候，对应的后端不能准确的区分对应的访问者，这个时候我们就需要给每个对应的连接添加一个标识（UDP采用丢包的形式进行通信的，就是说对应的服务端只需要将对应的数据报包发送就好了，客户端需要去获取对应的数据报包。domain=域名;domain=域名;

2022-10-26 19:45:37 313

原创 JavaScript中事件部分讲解

/如果要找盒子在页面上的位置那么外面要从自己的基于的父元素的距离 + 对应父元素基于他的父元素距离 .. 直到找到body。//鼠标在页面的位置 e.pageX - 大盒子在页面的位置 - 鼠标按下的位置 currentX。//获取每次移动在页面上的位置 - 对应的按下时鼠标在盒子里面的位置 = 对应的定位的位置。//style的弊端他只能获取对应的内嵌的样式也就是只能获取style属性里面写的内容。//监听对应的事件执行来执行对应的处理函数（不会覆盖之前的事件的处理函数）

2022-10-26 19:43:08 70

原创 JavaScript中DOM操作

概述：DOM（document object mode）文档对象模型，用于操作对应的文档（html文档），DOM遵循文档流，属于同步机制。

2022-10-26 19:41:14 554

原创 DOM和BOM回顾及事件讲解(上)

1.BOM （bowser object model）浏览器对象模型window 窗口对象（全局的变量及函数都是属于window （global对象））location 地址栏对象（获取地址栏内容使用地址栏跳转页面）属性：hash、search、host、hostname、pathname、port、protocol、origin、href 方法：assign 、replacehistory 历史对象。

2022-10-14 01:24:34 79

原创 JavaScript 中BOM及window的相关属性及方法

概述：BOM (全称bowser object model) 浏览器对象模型，他是用于操作浏览器相关的内容。BOM是一个缺乏规范的东西，为了保证他的规范性产生了一系列的共用对象来解决这个问题。沿用至今，但是这些共有对象也存在对应的兼容问题，直到w3c的介入（ie 10以后）。他的兼容问题得到了保证。

2022-10-11 00:54:44 639