前端常见面试题，不定期更新！

before-remove删除文件之前的钩子，参数为上传的文件和文件列表，若返回 false 或者返回 Promise 且被 reject，则停止删除。file-list上传的文件列表, 例如: [{name: ‘food.jpg’, url: ‘https://xxx.cdn.com/xxx.jpg’}]array。为实现如图所示功能，点击第一步弹出模态框，第二部将所有文件导入，第三步点击确定的

缺点：需要自行设置宽度，使用flex则中间无间隙，需要自行计算每行子盒子所占的宽度，以及间隙的内容。中间两端中间有间隔，不能够两端很好的贴近父级的边边（如该方法有更好的解决方案，欢迎留言）优点：不用设置宽度，会根据需要自动设置宽度，且无需写父级的伪元素。优点：上手比较容易，容易想。

写项目的时候有一个需求，就是当el-table的滚动条滑动的时候，可见区域如果没有该列则固定到左侧，由elementUi官方网站可知el-table固定一列的代码如下:fixed为主要的标识头部固定设置的是table的高度。

纯html写模板邮件

在项目需求中需要点击el-table中的某条数据，显示出该条数据的变化趋势，使用的是echarts4，发现每次点击el-dialog的时候，点击第一次的时候不会显示echarts的内容，但是查看元素的时候发现元素中有存放echarts的盒子，第二次点开虽然显示图表，但是图表挤在一起，页面检查发现宽高只有100px,但是明明已经设置样式宽高100%。

首先从map中取出刚刚架子啊过子级节点的数据，再用this.$set清空对应父节点的数据，实现视图实时刷新，再通过取出的数据重新加载父节点。//封装一个增删改刷新table数据的方法,组件懒加载数据的节点，data return的maps，及被操作节点的父节点。在使用el-table表格懒加载子级数据，懒加载仅会在第一次展开时加载，后续会使用第一次缓存的数据，而不会重新加载。传入的三个参数分别是：

结果就是如上的报错内容，百度了好久没找到解决方案，最后debugger了一下发现可以是初始的数据渲染报错，尝试过将组件放到beforeMount中初始化，可是axios接口返回的数据时间并不确定。在接口返回数据成功之后，初始化组件，发现mounted之后会更新完毕dom节点，同样axios接口返回数据的时间不确定，无法更改组件的位置。进行判断，这样可以判断该组件是否被添加，在axios数据请求完毕

在安卓端和h5页面调试端，video标签下的mp4格式文件均可以播放，但是video标签部分mp4文件在ios中无法自动播放的问题，搜了很多资料有如下解决方案。x5-video-player-fullscreen=“true”：全屏设置，设置为 true 是默认全屏播放，ios网页中播放视频默认全屏。muted：静音播放，一般浏览器chrome为例，用户需要在页面上操作一次，才能播放视频，不允许用