defer 和 async 都是不阻塞页面文档解析的前提下，控制脚本的下载和执行。 我们先了解一下页面渲染机制1 浏览器根据服务器返回的html文档进行从上至下的解析，构建dom2 在构建dom过程中，如果遇到外联样式或者脚本申明，则会停止构建，创建新的网络去下载外联样式和脚本文件。3 样式下载完成之后，构建cssdom，脚本下载完成之后，解释执行，然后继续解析并构建dom4 完成文档解析后，将cssdom和dom树进行关联和映射，最后将视图渲染到浏览器窗口。 在这个过程中我们的脚本下载和文档解析是同步进行的，如果js脚本出现堵塞，那么浏览器将会出现白屏，影响用户体验，所以我们使用defer，...

$nextTick的作用是，更新dom是异步操作，而此函数实在dom渲染完成之后执行写法 第一种写法： this.$nextTick(()=>{ })第二种写法： Vue.nextTick(()=>{ })ref是以属性的方式给组件注册，用来获取dom节点，如果该属性在子组件上，则获取到的是组件实例 this.$refs

1.jsonp的跨域原理 利用script不受同源策略的影响，在script标签中src属性写上要请求的跨域地址1）.在客户端定义函数来处理跨域请求到的数据，在url中拼接回调函数名称2）.在服务端返回js代码中函数名称拼接返回数据3). 动态创建script标签更加方便 2.jquery终极方案 在ajax中配置dataType: jsonp

1.兄弟组件之间传递值要用到父组件，子组件-父组件，父组件-子组件 具体过程是：子组件A向父组件C发送事件"change"（数据在emit参数中），父组件C对子组件A进行"change"事件监听，监听到该事件后向子组件B传递数据。 2.使用中间bus.js,可以传递给任何组件 bus.js文件 import Vue from 'vue' export default new Vue组件A <template> <div> <span @click='hhh'>点我</span> </div> &...

1.key的主要作用是，高效的更新虚拟dom，其原理是vue再patch过程中可以根据key精准的判断是否是同一个节点，从而避免更新不同元素，使得整个patch过程更加高效，减少dom操作量，节省性能。 2.另外再列表更新时也需要使用key，如果不设置可能会引发一些隐蔽的bug

undefined， null， number， string， object， boolean es6中新增类型Symbol,bigintSymbol: 其实是一个类似于id一样的，唯一的，不能被for in所遍历let symbol = Symbol()就可以定义一个Symbol类型数据为了易于标识可以给他传个参数let symbol = Symbol('one')

父传子 1.属性绑定 props 2.$parent 3. 子组件传值给父组件 1.$emit 2.ref 4.可以使用provide + inject 父组件子组件  使用状态管理工具,例如Vuex

在JS中，这三者都是用来改变函数的this对象的指向的，他们有什么样的区别呢。在说区别之前还是先总结一下三者的相似之处：1、都是用来改变函数的this对象的指向的。2、第一个参数都是this要指向的对象。3、都可以利用后续参数传参。那么他们的区别在哪里的，先看一个例子。  var xw = { name : "小王", gender : "男", age : 24, say : function() { alert(this.name + " , " + this.gender + " ,今年" + this.ag...

重排：当渲染树的部分一定要更新并且节点尺寸发生变化，浏览器会是受到影响的部分失效，并重新构造渲染树 重绘：一个元素的外观改变触发的浏览器行为，浏览器会根据元素的新属性重新绘制，比如元素颜色变化。 1.重排一定导致重绘 导致重排的操作：浏览器窗口大小发生变化dom大小发生变化可见dom的增加，删除元素的位置改变优化：不要一条一条地修改 DOM 的样式。可以先定义好 css 的 class，然后修改 DOM 的 className。

前置守卫 router.beforeEach(to,from,next) 守卫方法接收三个参数： to：即将要进入的目标路由对象 from：当前导航正要离开的路由 next：执行下一步  /** * @param {to} 将要去的路由 * @param {from} 出发的路由 * @param {next} 执行下一步 */ router.beforeEach((to, from, next) => { document.title = to.meta.title || '卖座电影'; if (to.meta.needLogin && !$store.state.is...

vue-router是根据hash history两种方式实现前端路由的，更新视图不请求页面是前端路由原理的核心之一， 一，目前在浏览器环境中这一功能的实现主要有两种方式 1.hash ---- 利用URL中的hash（“#”）2.利用History interface在 HTML5中新增的方法,默认hashhistory 注：如果浏览器不支持history新特性,则采用hash方式如果不在浏览器环境则使用abstract（node环境下）mode:‘hash’ ，多了 “ # ” http://localhost:8080/#/recommend mode:‘history’ http://...

工厂模式 在一个函数里面定义一个对象，并且把这个对象return出去解决了创建多个相似对象的问题 构造函数模式 构造函数也是函数，在创建实例时，必须有new操作符缺点：每个每个实例创建时，都要执行此方法 原型模式 让所有的对象都共享原型对象上的属性或方法每个函数都有一个prototype属性，这个属性指向通过构造函数创建的实例对象的原型对象

冒泡排序 最简单的排序算法，其原理每次循环比较相邻连个的大小交换位置，最后变成有序序列，其时间复杂度最好情况：O（n）最差：o(n^2)平均：o(n^2) 选择排序 最稳定的排序算法，从无序序列中选出最小或者最大的，从剩余的序列中再选最小或者最大，直到全部有序， 时间复杂度 都是O(n) 快速排序 中序列中找到一个基数，再把其他的数和基数比较，比基数小的放一边，大的放另一边，采用分而治之的思想 时间复杂度 最佳情况：T(n) = O(nlogn)最差情况：T(n) = O(n2)平均情况：T(n) = O(nlogn) 插入排序 通过构建有序序列，对于未排序数据，在已排序序列中从后往前扫描，找...

vuex Vuex中核心概念 Mutation用于变更Store中的数据 只能通过Mutation来变更store数据，不可直接操作Store中的数据 第一个参数默认是state，第二个参数是传递过来的数据 mutations: { getInfoList(state, list){ state.list = list state.amount = list.length }, }action不能直接修改state中数据，只能是提交给mutation，通过他来修改， action可以异步，mutation里面只能同步修改。action函数中第一个参数默认是context，是整个store对象。...