1、设计的原则

1.1 单一职责原则

每个类只需要负责自己的那部分，类的复杂度就会降低。

1、字符串

1.1 获取字符串的对应下标数值

1
2
3

const str = 'abc123ABC'
console.log(str[1])  // 输出结果为：b
console.log(str.chatAt(1))  // 输出结果为：b

Vue2

前言

这里是我总结一些与Vue2.x相关的一些面试题。本文章基于2.x进行总结。在3.0中可能会有不同。

1、求数组中指定顺序的最大值

编写方法，接收两个参数(index, arr)。返回arr数组中第index个最大对的数字。如果里面有大小相同则并列排名。

1.1 示例

开发新功能，需要修复线上bug

1. git stash 加上使用 webstorm git功能 代码片段保存
2. git checkout dev
3. git checkout -b fix-问题 & git commit
4. git checkout dev & git merge fix-问题
5. git push 触发 CI 测试
6. 代码合并
   1. git checkout master + git merge dev
   2. pull request
7. 功能稳定后可以考虑删除 fix 分支
8. git checkout 原本开发的分支
9. git stash pop

进入详情页，返回页面重新刷新了，如何解决

使用过哪些ES6语法

let、const、箭头函数、计算属性名、拓展运算符、解构赋值、export、import、export default、Promise、Reflect

1 Promise

理论类

盒子模型

元素在页面的尺寸计算方式

HTTP状态码

2XX 成功

• 200 OK，客户端的请求被正确处理
• 204 No content，请求成功，响应报文不含实体的主体部分
• 205 Reset Content，请求成功，响应报文不含实体的主体部分，但是需要请求方重置内容
• 206 Partial Content，进行范围请求

1、组件通信方式

1. 父传子：通过Props属性进行接收
2. 子传父：父级传送一个函数，来修改父组件的数据
3. 跨组件通信：通过使用context API，可以在组件内部向子孙级组件通信
   context.js

1
2
3
4
5

import { createContext } from 'react'
const context = createContext(undefined)
const { Provider, Consumer } = context
export { Provider, Consumer }
export default context

1、大致思路

获取#app根节点，创建VNode类用于创建虚拟DOM，创建vDom函数，用于生成虚拟DOM对象。根据元素的 nodeType 判断类型，对真实DOM的参数进行处理创建虚拟DOM。对每个元素的 childNodes 进行遍历，递归的进行 vDom 的创建。

2、代码实现