空手套题（二）-小满/米哈游/建信金融/美团

[janeLLLL]

9.24-小满面试

1. 如何实现树形秒级渲染

• 懒加载

[janeLLLL]

9.24-米哈游内推面试

1. 移动端如何进行适配，根元素是什么

• rem，body

2. 跨域怎么产生的

• 浏览器从一个域名的网页去请求另一个域名的资源时，域名、端口、协议任一不同，都会出现跨域的问题

米哈游面试官：你是工作一年吗？你是社招吧？你的基础为什么这么差？

[janeLLLL]

9.29-建信金融

1. 盒子是什么？包括了什么属性？
   

• W3C 盒子模型的范围包括 margin、border、padding、content，并且 content 部分不包含其他部分
  
• IE 盒子模型的范围也包括 margin、border、padding、content，和标准 W3C 盒子模型不同的是：IE 盒子模型的 content 部分包含了 border 和 padding

2. vue如何将新的内容渲染到浏览器

• 数据响应式

3. vue的生命周期？
   

4. 父组件和子组件怎么通信（老是记不住啊）
   ①父传子props：
   
   第一步：在子组件里声明 props:['childmovies'] 用来接收父组件中要传递给子组件的 message 变量
   第二步：在组件占位符上写数据绑定：<cpn v-bind:childmovies="message"></cpn>

②子传父
第一步：在子组件中监听自身的点击，并通过 $emit() 方法来触发事件
this.$emit('itemclick',item)
第二步：在父组件中，通过 v-on 来监听子组件事件
<cpn @itemclick="cpnClick"></cpn>

5. 跨域如何产生的？有什么解决跨域的方式？
   域名协议端口不一致。

• 解决方式1：跨域资源共享（CORS），使用的CORS的前提是API必须支持，并不是任何情况下API都应该支持。如果同源部署就没有必要使用CORS
• 解决方式2：Webpack Dev Server支持配置代理

6. flex有什么属性？
   Flex 是 Flexible Box 的缩写，意为"弹性布局"。

flex-direction：决定主轴的方向（即项目的排列方向）
flex-wrap：如何换行
flex-flow
justify-content
align-items
align-content

7. ES6的新特性？箭头函数的this指向是什么？举个例子？
8. 有做过性能优化吗？具体说说
9. 异步和同步的区别？异步怎么实现呢？
10. 闭包的原理？举例
11. nodejs的传值绑定关系（？
12. Cookie 和 Session 的区别

[janeLLLL]

美团