面试笔记记录

面向对象的理解

他可以称为oop,是一种编程思想,

es5

面向对象有3大特征封装 :方法属性 封装到类内部  继承 :继承父类的方法和属性 多态:同一个方法,子类和父类的内容不同

优势 :易维护   代码质量高  易扩展

对象转化字符串 json.stringify   json.parse

this的绑定方式 

默认 隐式 显示  new绑定

继承 :原型链继承  构造函数继承 组合继承 等

设计模式 沿用的jave的设计模式   单列模式 工厂模式 订阅 观察者  

es6

class作为类名称  js向后台语言靠近

vue组件传值

父子组件 子父组件 兄弟组件

1.父 data定义一个数据必须是一个函数 在标签上 :a='a'

子:子组件通过props属性去 接收 在模板中引用使用{{}}

2.我们需要传给父组件的值  去定义一个方法  使用$emit 第一个参数是方法名称,和要传给父组件的值   父组件怎么获取呢 我们需要定义一个标签 使用 方法名称='方法名称'  一般写成一样的

然后在父组件methods定义这个方法 要写参数去接收

3.bus 

4.vuex 

状态管理 包括状态数据 state 存储数据 this.$store.state..

mutation 同步 更新state数据

actions :异步 修改mutation

getters :state 数据读取

coomit:提交 mutation

vuex刷新页面 数据会重置

我们需要使用数据持久化 cookie localstorage

parsistedState 组件 去解决

keep-alive  组件缓存 刷新的时候保持状态

作用 缓存组件 避免组件内的数据重复渲染 直接可以在页面中调用

优点     组件在切换过程中,组件被保存在内存中     避免重复渲染 减少加载事件 提高性能

async await 的区别

1.async 后面是定义的函数 操作异步函数  有3个状态 resolve 成功 reject错误   pending 初始状态

通过函数名.then

await 后面跟的表达式 一般是 promise表达式 

 2.async 是内部实现  有返回值 promise  resolve 成功 reject错误 可以通过 try catch去进行捕获错误

await 是等待后面的表达式 执行完毕  拿到promise的结果  再执行await后面的表达式  使用await必须写在async里面 

优点 : 属于es7  编写方便  提高程序效率  避免了回调地狱