09.27 顺丰一面经历

1. 算法题：现在有一组数据，一组因子a,b,c，利用公式 x*a+y*b+z*c可以得到一个结果。问怎样可以求出因子a,b,c对结果的影响？

2. 介绍自己技术方面的能力

3. ES6的了解？

首先回答了let与const

let定义变量，相对于var，它修复了一些问题，比如变量提升、重复定义等问题，并且constconst`let`的定义具有块级作用域；

const定义常量，但是const定义的常量只是值不可变，即基本数据类型不可变，对于引用类型，因为它建立的是引用，所以即使使用const定义的对象，其属性还是可变的（这个当时在论客科技的时候就有被追问到）；

然后就说到Promise相关

4. Promise有哪三个状态？怎样才可以到catch？

首先Promise有三个状态 Pending Fullfilled Rejected，分别是等待状态、完成状态和未完成状态，在Promise中只能由等待状态转换成另一种状态，例如从 Pending -> Fullfilled为执行完成，此时会调用then();从Pending -> Rejected为执行失败，此时会调用catch()

怎样才能进入到catch()中
1.在执行过程中捕获到异常，即：

new Promise((resolved, rejected) => {
        throw new Error('test'); 
})

2.执行了rejected()，即：

new Promise((resolved, rejected) => {
        if (true) {
             resolved();
        } else {
             rejected();
        }
})

5. 组件化怎样理解？

组件化是具体的：按照一些小功能的通用性和可复用性来抽象组件；
模块化是抽象的：按照项目业务划分的大模块

6. Vue组件通信有多少种方法？

有多种方法解决

1. 使用一个空的 Vue 实例作为中央事件总线
2. 使用Vuex
3. 使用localStorage和SessionStorage

7. localStorage和vuex的区别？

1. 区别：vuex存储在内存，localstorage（本地存储）则以文件的方式存储在本地,永久保存；sessionstorage( 会话存储 ) ,临时保存。localstorage和sessionstorage只能存储字符串类型，对于复杂的对象可以使用ECMAScript提供的JSON对象的stringify和parse来处理
2. 应用场景：vuex用于组件之间的传值，localstorage，sessionstorage则主要用于不同页面之间的传值。（其他页面更新数据了，当前页面要刷新才能相应更新，非响应式的）
3. 永久性：当刷新页面（这里的刷新页面指的是 --> F5刷新,属于清除内存了）时vuex存储的值会丢失，sessionstorage页面关闭后就清除掉了，localstorage不会。

注：很多人觉得用localstorage可以代替vuex, 对于不变的数据确实可以，但是当两个组件共用一个数据源（对象或数组）时，如果其中一个组件改变了该数据源，希望另一个组件响应该变化时，localstorage，sessionstorage无法做到，原因就是区别1。

8. 正则表达式有了解过吗？如何匹配手机号？

字符类和范围类：

我们可以通过[]来表示一个类，匹配的时候匹配到[]其中一个即可。
例如[0-9]表示数字0到9，[a-zA-Z]表示匹配所有的大小写字母。
同时我们可以在[]中加入^表示一个反向类，例如[^9]表示除了9之外的所有字符

预定义类：

. 表示除了回车符和换行符之外的所有字符，等同于 [^\r\n]
\d 表示数字字符，等同于[0-9]
\D 表示非数字字符，等同于[^0-9]
\s 表示空白符，等同于[\t\n\x\f\r]
\S 表示非空白符，等同于[^\t\n\x\f\r]
\w 表示单词字符(字母数字下划线)，等同于[a-zA-Z_0-9]
\W 表示非单词字符，等同于[^a-zA-Z_0-9]

边界匹配字符：

^ 表示以XXX开始
$ 表示以XXX结束
\b 单词边界
\B 非单词边界

量词：

{n} 出现n次
{n,m} 出现n到m次
{n,} 至少出现n次
? 出现零次或一次（最多出现一次），等价于{0, 1}
+ 出现一次或多次（至少出现一次），等价于{1, }
* 出现零次或多次（任意次），等价于{0, }

匹配一个手机号的正则： /^1[34578]\d{9}$/
借助正则可视化图片就更加好理解正则了

9.学软件工程的为什么要做前端？

10. 如何理解前端？