前端面试

1.vueAPP适配是怎么写的，用的什么单位？
什么是 REM
REM（Font size of the root element）是指相对于根元素的字体大小的单位。
范例：
若根节点font-size设置为 10px，则使用 3rem 时，计算后得 310 = 30px
如果根节点设置为 20px，侧计算后得 320 = 60px
为什么使用 REM
相对于流布局、响应式布局等适配方式，REM 适配更为灵活，在不同屏幕尺寸上根据根节点来等比适配
兼容性好（Android 2.1+ / iOS 4.1+）
使用便捷，从 px -> rem 可以使用工作流自动完成
2.get和post有什么区别？

1. GET是从服务器上获取数据，POST是向服务器传送数据
2. GET是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程
3. 对于get方式，服务器端用Request.QueryString获取变量的值，对于post方式，服务器端用Request.Form获取提交的数据
4. get传送的数据量较小，不能大于2KB。post传送的数据量较大，一般被默认为不受限制。但理论上，IIS4中最大量为80KB，IIS5中为100KB
5. get安全性非常低，post安全性较高。但是执行效率却比Post方法好
   3.计算属性和监听器有什么区别？
   模板内使用计算属性是很方便的，设计的目的只是为了简单运算。在模板中放入太多的逻辑会让模板过重且难以维护。所以，对于任何复杂逻辑，你都应当使用计算属性。
   计算属性是有一个缓存的，即 即便你重新渲染组件，但是计算属性的值没有发生改变时，就不会去执行
   这个改变基于计算属性中的被计算值最后是否发生
   watch是观察某一个属性的变化，重新计算属性值。computed是通过所依赖的属性的变化重新计算属性值
   大部分情况下watch和computed几乎没有差别。但如果要在数据变化的同时进行异步操作或者是比较大的开销，那么watch为最佳选择
   4.v-for渲染列表是key是用来做什么的？
   key 的特殊属性主要用在 Vue 的虚拟 DOM 算法，在新旧 nodes 对比时辨识 VNodes。如果不使用 key，Vue 会使用一种最大限度减少动态元素并且尽可能的尝试修复/再利用相同类型元素的算法。使用 key，它会基于 key 的变化重新排列元素顺序，并且会移除 key 不存在的元素
   有相同父元素的子元素必须有独特的 key。重复的 key 会造成渲染错误
   5.数据请求在生命周期哪一个阶段？
   一般都是放在mounted里
   6.水平居中有哪几种方法？
   1.若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中.
   2.若是块级元素, 该元素设置 margin:0 auto即可.
   3.若子元素包含 float:left 属性, 为了让子元素水平居中, 则可让父元素宽度设置为fit-content,并且配合margin
   4.使用CSS3中新增的transform属性
   5.使用绝对定位方式, 以及left:0;right:0;margin:0 auto
   7.flex弹性盒模型？
   FlexBox（CSS Flexible Box Layout Module）是css3新添加一个用于页面布局的全新CSS3模块功能。它可以把列表放在同一个方向（从左到右或从上到下排列），并且让这些列表能延伸到占用可用的空间
   8.清除浮动有哪些方法？
   1:使用带clear属性的空元素
   2:使用CSS的overflow属性
   3.给浮动的元素的容器添加浮动
   4:使用邻接元素处理
   5:使用CSS的:after伪元素
   10.定位有哪些属性？相对定位是相对什么定位？
   1、static（静态定位）：默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）
   2、relative（相对定位）：生成相对定位的元素，通过top,bottom,left,right的设置相对于其正常（原先本身）位置进行定位。可通过z-index进行层次分级　　
   3、absolute（绝对定位）：生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。可通过z-index进行层次分级
   4、fixed（固定定位）：生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。可通过z-index进行层次分级
   11.数组里面有哪些遍历方法？
   
   12.给DOM元素绑定事件有哪些方法？
   鼠标单击事件 onclick
   鼠标双击事件 ondouble
   鼠标移入事件 onmouseover
   鼠标移出事件 onmouseout