美团 上海 到店

一面（40min）

1. doctype 的作用

2. 语义化标签的理解

3. css 选择器优先级

4. important 有什么不好

5. css 选择器的解析顺序

6. css 清除浮动

7. overflow 是怎么清除浮动的

8. 浏览器的同源政策

9. 浏览器如何跨域

10. get 和 post 的区别

11. 说说你知道的状态码

12. js 的浮点数问题

    toFixed(n)方法也会存在进度问题
    
    将两个小数先转化为整数将其做运算，再转换为小数
    
    直接用第三方处理浮点数的库，帮你封装好，引入直接可以用。 如：number-precision

13. js 脚本 defer 和 async 的区别

14. 异步 js 脚本在执行的时候主线程会停止吗

15. 任务队列中有哪两种？讲讲是怎么执行的

16. js 如何设置异步

17. async/await 是一个语法糖，你知道 await 后面如何用吗

18. js 的 this 指向问题

19. this 在 node 里全局的指向是什么

20. 对象的深拷贝和浅拷贝

21. 数组去重的办法

22. git rebase 和 git merge 的区别

23. vue 项目用了哪些技术

24. webpack 的 css 加载器和你用的 stylus 的 css 有什么不同

25. 为什么要用 vue 来写呢？为什么不用原生的 js 来写

26. 为什么要用 vuex

27. 有没有了解一些前端前沿的技术

28. 什么时候开始学前端的

二面 (45min)

1. 项目介绍

2. 项目你觉得比较难的地方

3. 城市选择页面是怎么实现的

4. 城市列表的数据是从哪来的

5. 移动端布局的怎么实现的

6. 移动端 200ms 延迟的原因，如何解决 回答 fastclick 库

7. fastclick 库是怎么实现的 在检测到 touchend 事件的时候，会通过 DOM 自定义事件立即出发模拟一个 click 事件，并把浏览器在 300ms 之后真正的 click 事件阻止掉

8. 如何阻止真正的 click 事件

9. 事件流有哪些阶段

10. 捕获阶段可以应用在哪儿

11. 监听事件的方式

12. addEventListener 的参数有哪些

13. 浏览器缓存，怎么判断是否从缓存中取

14. 地址栏输入 URL 后经历了哪些步骤

15. 区分 '123' 和 123 的方法

16. flex 有哪些属性

17. flex-basis 属性是干嘛的

18. vue 双向数据绑定，哪些不能双向绑定 数组的下标方式，因为 vue2 里面是用的 Object.defineProperty() 方法 可以通过 vue3 proxy 方式

19. Object.defineProperty 是干嘛的，参数有哪些

20. vue3 相对于 vue2 的区别

21. 怎么样向下兼容 babel

22. import {A} from '...' import A from '...' require('...')的区别

23. 项目用什么打包的

24. webpack 的功能

25. 手撕代码：1203040506 --> 1234560000 （移动 0 到最后）

26. 实现 find(numbers, n, sum)的方法：在 numbers 数组中找到 n 个数的和为 sum，讲讲思路

27. 你用过 python，那你说说在处理数据（比如 excel 表格数据）的时候 python 好还是 js 好

28. nodejs 是什么

29. 了解哪些新技术 Web Assembly

30. web assembly 是个什么 (框架?语言?规范？)

    官网定义：

    • WebAssembly/wasm WebAssembly 或者 wasm 是一个可移植、体积小、加载快并且兼容 Web 的全新格式
    • WebAssembly 是由主流浏览器厂商组成的 W3C 社区团体 制定的一个新的规范。

    简书：

    • WebAssembly 是一种可以使用非 JavaScript 编程语言编写代码并且能在浏览器上运行的技术方案。