面试知识点20211103

面试知识点

jq

Vue

初级

1. 生命周期
2. v-if,v-show区别
3. 组件通信方式
4. 路由传参
   1. 哪几种方式
   2. 区别
5. data 为什么是函数不是对象
6. create 和 mounted 区别
7. computed 和 watch 区别
8. 指令有哪些
9. 修饰符有哪些

中级

1. 双向绑定原理
2. 模板原理
3. 虚拟dom
4. mvvm
5. 路由原理
6. keep - alive
   1. 作用
   2. 生命周期钩子函数：activated、deactivated
7. vue react 区别
8. vue 基本原理
9. vue 项目优化
10. webpack 配置 vue-config
11. vuex 理解
    1. 几大块 state getter mutations actions 如何使用
    2. mutations 和 actions 区别
    3. 使用场景
    4. 优缺点

高级

1. vue 原理
2. vue 运行过程
3. new vue干了啥
4. this 实现原理
5. diff算法
6. vuex 原理和redux 区别
7. vue 项目最佳实践
8. 组件封装
9. vue3 和 2 区别

组件通信

props
$emit

路由传参

---

1.方案一 动态路由

// 路由定义
{
  path: '/describe/:id',
  name: 'Describe',
  component: Describe
}
// 页面传参
this.$router.push({
  path: `/describe/${id}`,
})
// 页面获取
this.$route.params.id

2.方案二

// 路由定义
{
  path: '/describe',
  name: 'Describe',
  omponent: Describe
}
// 页面传参
this.$router.push({
  name: 'Describe',
  params: {
    id: id
  }
})
// 页面获取
this.$route.params.id

3.方案三

// 路由定义
{
  path: '/describe',
  name: 'Describe',
  component: Describe
}
// 页面传参
this.$router.push({
  path: '/describe',
    query: {
      id: id
  `}
)
// 页面获取
this.$route.query.id
 

4.三种方案对比
方案二后面参数页面刷新会丢失
方案一参数拼接在后面,丑,而且暴露了信息
方案三不会在后面拼接参数,刷新参数也不会丢失

路由懒加载

slot

npm

driver.js 指引功能

better-scroll 上拉加载

mini-ui 地址三级联动

移动端适配

flexible

px2rem

mockjs

懒加载

图片

AES加密

ts

npm html2canvas

npm draggable

原理

1. 深浅拷贝
2. 栈内存
3. 堆内存
4. 异步处理机制
5. 任务队列
6. 宏任务微任务
7. 垃圾回收机制
8. 浏览器线程
9. js并发
10. 浏览器渲染过程
11. 沙箱原理
12. 算法问题
13. 楼梯问题
14. 背包问题
15. https为什么安全，原理

js

1. 作用域链
2. 闭包
3. 原型链
4. this
5. 事件循环
6. 引用类型和普通类型
7. 递归

大纲

1. h5 新特性
2. es6 新特性
3. 框架
   1. vue
      1. vuex
      2. router
4. 写一个递归函数处理求和问题
5. 多端兼容方案
6. 性能优化
   1. 首屏优化
   2. 缓存策略
7. 前后台交互实现