# 蚂蚁金服社招面经（二面已挂）

# 一面 基础知识

• datalist(html5) 是什么，作用是什么

• 本地存储 localStroage sesionStroage cookie

• cookie 的 secrect

• Vue Router

• Vue2 怎么捕获数据变化的，动态绑定的原理

• 画一个心形、或者一个五角星（除了canvas\dom拼接 还有什么可以画图 svg）

• css动画、 css的will-change

• cdn https

# 二面 手撕题

解答不唯一，能想到的所有方案都写出来(因为笔试时紧张，忘记了一些全局函数，挂了)

1. 数组去重

2. 找出最接近的值 如果不唯一，输出最大的，有序数组

3. 拆解URL参数中queryString

入参格式参考：

const url = 'http://sample.com/?a=1&b=2&c=xx&d#hash';

出参格式参考：

const result = { a: '1', b: '2', c: 'xx', d: '' };

4. 实现promise.all

# 总结复盘

datalist autocompute 用于实现记住密码(不使用浏览器的记住密码)，以及input建议填写

will-change css动画优化

http 403 304区分好，避免紧张忘记

cookie的http-only和secret

Array splice 和 slice

获取对象所有key是Object.keys()，Map对象和Set对象的keys values函数返回的是个Iterator对象而不是数组，需要用Array.toArray函数转换