前端最新面试高频问题整理

一、怎样动态渲染html

在标签上面加上v-html=“XXX”

二、如何在框架上面使用原生js的方法呢？阻止事件冒泡呢？阻止默认行为呢？

可以使用.native修饰符，使用原生js方法，阻止事件冒泡使用.stop,阻止默认行为使用.privent

三、 Vue不支持哪些处理？

不支持修改数字的长度，但是可以使用其他的方法，如果需要的话直接百度一下就行，不能检测对象属性的添加或删除，可以使用Vue.$set(object, key, value)方法向嵌套对象添加响应式属性。

四、vue路由，页面切换的时候没渲染好怎么办呢

使用v-cloak让他隐藏起来，加载好后在显示

五、讲下响应式布局

可以用媒体查询 自动判断 ， 不能使用px为单位，可以用display：flex，也可以使用框架bootstrap，layui的栅格方法很多种

六、常用的表单元素有哪些？

input button select option datalist等

七、当路由跳转的时候，我们需要做一些判断，如何做呢？

可以在路由的钩子函数Vue.beforEach跳转之前，加入判断，和Vue.afterEach跳转之后加入判断。

八、讲讲nth-last-child nth-child last-child :first-of-type和 :last-of-type 他们的意思是什么还有:active :visted什么意思

nth-last-child(n)：父级元素从后面开始的第N个
nth-child(n):父级元素从前面开始的第N个
first-of-type :父级元素的第一个
last-of-type:父级元素的最后一个
:active就是鼠标按住不放时候触发
:visted就是访问过后的a标签

面试题只是让你的心里逻辑更加清晰，各位还需要牢记不要死背答案灵活变通，愿你我在今后的发展能够更好，等待后续更新吧
2020年4月16日08点46分