qq_43278421的博客

aysnchronous JavaScript and xml创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个页面的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新xml：可扩展标记语言，标准通用标记语言的子集用于标记电子文件使其具有结构性的标记语言结构：第一句是声明语句<?xml version="1.0" encoding="utf-8"?>和html不同，他的标签名大小写敏感AJAX的实现使用js向服务器提出请

vue-router和vuex有一点是一样的都是需要先下载再import导入然后使用vue.use（Router）vue-router一共是两种方式，hash和history之前整理过两个的区别hash有#，锚点，改变url的时候只能修改#后面的内容，hash不会重新加载页面，而history则很自由，不过如果没有路由全覆盖，history更容易报错**hash** “#”的符号本来作用是加在URL中指示网页中的位置；http://www.example.com/index.html#p

vuex五个最重要的组成：state 存放数据getters 简单返回属性值mutations 同步方法actions 异步module 模块，每个模块可以再包括上述的内容使用的时候是先import然后Vue.use(vuex) vue执行这代码会自动下载安装vuex这个插件，源码中包含的这部分内容加载后会通过vue的混合机制，把这部分内容添加到vue的生命周期函数beforeCreate之前核心流程：1.Vue

一、new 一个新对象的过程当我们new一个构造函数的时候，得到的实例继承了构造器的构造属性（this.name等）以及原型上的属性大体上是4步走1.创建一个空对象 var obj = {}2.设置新对象的constructor属性为构造函数的名称，继承函数的原型3. 使用新对象调用函数，函数中的this被指向新的实例对象4.将初始化完毕的新对象地址保存到等号左边的变量中二、css页面的优化方案1.减少css样式嵌套2.多使用公共样式类3.减少通配符的使用4.

1.hash带#，history没有2.history相对比较新，只能兼容ie10，hash能兼容ie83.跳转的时候hash只能修改#后面的内容，而history只要是同源的就可以原理：hash：通过监听浏览器的onhashchange（）事件变化，查找对应的路由规则history：利用H5的history中新增的两个API pushState（）和replaceState（）和一个事件onpopstate监听URL变化pushState（）和replaceState（）可以用于浏览器的历史记

100 成功收到，请发出下一步指令101 切换协议200 请求成功201 成功创建202 成功接受203 非授权信息。请求成功，但返回的meta信息不再原始的服务器，而是一个副本204 无内容。服务器成功处理，但未返回内容。在未更新网页的情况下，可确保浏览器继续显示当前文档300 多种选择301 永久移动重定向302 临时移动重定向303 查看其他地址304 未修改，不会返回任何资源。客户端会缓存访问过的资源，通过提供一个头信息指出客户端希望只返回指定日期之后修改的资源305 需要代

双向绑定的实现方式不同vue2.x主要依赖Object.definePoperty来劫持对象属性的getter和setter操作，但数据发生变化的时候发出通知而vue3.x是通过Proxy来劫持数据，当数据发生变化的时候发出通知vue2.0element.addEventListener(event, function, useCapture)keyup是键盘按下松开2.0的劫持过程就是通过.defineProperty（）给obj添加了一个prop属性，随后再给这个属性添加事件监听vue

JavaScript的继承方式function animal(name = "animal"){ this.name = name; this.sleep = function(){ console.log(this.name + '睡觉了' ); } } //父类animal.prototype.eat = function(food){ console.log(this.name + '正在吃' + food);}一、原型链继

这是菜鸟上的全部数组方法1.concat 用于连接两个或者更多的数组用法 a.concat(b)array1.concat(array2,array3,…,arrayX)函数会返回一个新的数组2.copyWithin( ) 改变原数组从数组的指定位置拷贝元素到数组的另一个指定位置中array.copyWithin(target, start, end)第一个参数是拷贝的位置索引3.entries（）返回数组的可迭代对象var fruits = [“Bana..

稳定性和不稳定性总结：不稳定的有：快速排序、希尔排序、堆排序、选择排序稳定的有：冒泡排序、插入排序、归并排序基数排序冒泡排序它重复地走访 需要排序的元素列，一次比较两个相邻的元素，遇到顺序错的，就进行交换操作，直到没有相邻的元素需要交换最好和最差情况都是O（n2），是稳定的选择排序第一次从待排序的数据元素中选择出最小的一个元素，存放在序列的其实位置，然后再从剩余的未排序的元素中继续寻找属于不稳定排序，因为他可能会破坏两个相同大小的数字的先后顺序最好和最坏情况的复杂度都是O(n2)插入

一、doctype的作用声明一般位于文档的第一行，他的作用只要告诉浏览器以什么样的模式来解析文档。一般指定了之后会以标准模式来进行文档解析，否则就一兼容模式解析。在标准模式下，都是最新标准。兼容模式下都是向后兼容的方式来模拟老式浏览器的行为，以保证一些老的网站的正确访问二、http和https的区别多了一层SSL加密。http是超文本传输协议,是一个网络协议三、三次握手，四次挥手四、TCP和UDP20 8五、WebSocketwebsocket是持久连续中的协议，支持六、状态码1

一、css的盒子模型新旧对比W3C标准盒子模型是宽度=内容宽度（content）+border+padding+marginIE盒子模型是宽度=内容宽度（content+border+padding）+marginpadding：填充二、box-sizing属性就是决定采用前面的哪种模型，默认是content-box即W3C，而border-box是指IE三、css选择器的种类id选择器 #类选择器 .标签选择器 div子选择器通配符选择器 *属性选择器 a[rel="