前端面试总结(三)

1.优雅降级和间隙增强是什么？有什么区别

• 渐进增强是针对低版本浏览器进行构建页面，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。
• 优雅降级一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。

区别：
优雅降级是从复杂的现状开始，并试图减少用户体验的供给，而渐进增强则是从一个非常基础的，能够起作用的版本开始，并不断扩充，以适应未来环境的需要。

2.boorstrap中如何让PC端显示，手机端隐藏

• visible-md-block 表示在早中型设备台式电脑（≥992px）可显示
• visible-lg-block 表示在大型设备台式电脑（≥1200px）可显示
  visible-xs-block 表示在超小设备手机（<768px）可显示

3.px和rpx的区别，em和rem的区别,vh和vw分别是什么？

（1）px是相对于显示器屏幕分辨率而言的，rpx 是微信小程序解决自适应屏幕尺寸的尺寸单位。

（2）em相对于父元素，rem相对于根元素

（3）Vw：视区宽度百分比；vh：视区高度百分比

4.js中的数据类型

字符串值，数值，布尔值，数组，对象，对空，未定义，Symbol，函数

5.this的含义，什么情况下使用this，改变this指针的两种方法

含义：this 表示当前对象的一个引用，它会随着执行环境的改变而改变。
什么情况下使用this：
（1）纯粹的函数调用
（2）作为对象方法的调用
（3）作为构造函数调用
（4）apply调用
改变this指针的方法：
（1）call（）
（2）Apply（）

6.js中怎样避免全局污染

（1）定义全局变量命名空间
（2）利用匿名函数将脚本包裹起来

7.你懂闭包？实际应用中闭包的作用

闭包的含义：能够读取其他函数内部变量的函数
作用：
（1）保护函数内的变量安全
（2）方便调用上下文的局部变量。
（3）加强封装性，可以达到对变量的保护作用。

8.vue和小程序的生命周期

Vue：
（1）Created
（2）beforeCreate
（3）Mounted
（4）beforeMount
（5）Updated
（6）beforeUpdate
（7）Destroyed
（8）beforeDestroy

小程序：
（1）onLoad
（2）Onshow
（3）Onhide
（4）onReady
（5）onUnload

9.vue，小程序，uni-app的优缺点（各五条）

Vue：
优点：
（1）轻量级框架
（2）双向数据绑定
（3）组件化
（4）虚拟DOM
（5）运行速度更快
缺点：
（1）缺乏高阶教程与文档
（2）VUE不支持IE8
（3）生态环境差不如angular和react
（4）社区不大
（5）它不适于seo优化
小程序：
优点：
（1）自带推广
（2）触手可及，用完即走
（3）成本更低
（4）更流畅的使用体验
（5）使用即是用户

缺点：
（1）必须在相应的平台上才能打开
（2）数据包有限制
（3）页面渲染稳定性较差
（4）js引用只能使用绝对路径
（5）开发工具bug比较多
Uni-app：
优点：
（1）一套代码可以在多端使用
（2）学习成本比较低
（3）uni-app使用HBX进行开发
（4）拓展能力强
（5）国产出品

缺点：
（1）很多地方不完善
（2）兼容性问题
（3）文件命名等受限
（4）官方反馈信息不及时
（5）缺少灵活性

10.ajax中get和post的区别，datatype返回的数据类型

区别：
（1）GET请求会将参数跟在URL后进行传递，而POST请求则是作为HTTP消息的实体内容发送给WEB服务器
（2）GET方式请求的数据会被浏览器缓存起来，post方式可以避免
返回的数据类型：
默认类型是：String