前言 本文整理了高频出现的 Vue 相关面试题并且附带详解答案 难度分为简单 中等 困难 三种类型 大家可以先不看答案自测一下自己的 Vue 水平哈

以 iPhoneX 为例，顶部有刘海，下面有小黑条，四个角还有圆角，如果不做好适配，很有可能导致页面遮挡、操作冲突等问题，所以我们需要将页面内容控制在安全区域，即可视窗口区域。 @supports 用于检测是否支持 safe-area-inset。 目前安卓并没有很好的适配方案…

由于iPhoneX去掉了物理按键，改为了底部小黑条，这就会导致屏幕适配问题，最常见的场景就是底部fixed的元素被阻挡的情况。对于这种问题，我们一般采取css或js的处理方式（适用于h5，小程序）。 viewport-fit：IOS11新增的特性，是为了iPhoneX而对met…

之前写了篇文《这一次，彻底理解Promise原理》，剖析了Promise的相关原理,反应不错，这次把学习到的相关的知识也写下。 我们都知道，Promise解决了回调地狱的问题，但是如果遇到复杂的业务，代码里面会包含大量的 then 函数，使得代码依然不是太容易阅读。 基于这个原…

在 break,continue和return 三个关键字中， break,continue是化为一类的，return 是函数返回语句，但是返回的同时也将函数停止。 相同之处：三个都会将此时进行的语句停止。 1、break：是立即结束语句，并跳出语句，进行下个语句执行。并没有跳…

break语句会使运行的程序立刻退出包含在最内层的循环或者退出一个switch语句。 由于它是用来退出循环或者switch语句的, 所以只有当它出现在这些语句的时候, 这种形式的break语句才是合法的。 如果一个循环的终止条件非常复杂, 那么使用break语句来实现某些条件比…

今天的主角不是响应式页面怎么写,这个话题有点广,以后有时间再写好了.今天我们就来聊一聊响应式布局中很重要的一个点:媒体查询. 定义不同的样式.通常在设计响应式页面中,media属性是非常有用的.我们可以将这个属性设置在style标签上.下面是一个媒体功能查询,其作用是查询屏幕的…

初衷： 在面试中，面试官经常问到说一下Es5和Es6的数组方法有哪些，有很多同学老是分不清楚，今天笔者就来分享一下。 用途： map是一个数组函数方法，接收三个参数，value，index，self，返回值是处理完的结果。 用途： 用于截取数组值，接收两个参数，第一个参数是要获…

初衷： 分享一下工作中实用的几个Plugin，希望对大家有些帮助，不喜勿喷。 用途： 将css样式从js文件中提取出来最终合成一个css文件，该插件只支持webpack4之前的版本，如果你当前是webpack4及以上版本那么就会报错。 上面配置中，extractTextPlug…