HTML5前端面试技巧大全，面试官：明天来上班！

分手后的思念是犯贱 2022-03-11 11:40 222阅读 0赞

现在学习HTML5开发技术的小伙伴越来越多，不论是参加HTML5培训还是自学最终的目的只有一个，那就是希望可以高薪就业。但是有不少的朋友技术水平和操作都是OK的，只是在面试的时候会掉链子，导致整个面试功亏一篑。本篇文章小编就和读者一块看一下HTML5前端面试题总结，希望可以帮到将要面试的小伙伴们。

![webp][]

在进行HTML5面试的时候，首先面试官会针对简历上的东西进行提问，如果简历上写了angularJs，那么面试官就会问一些有关的知识点。这个框架一定要懂得它的原理。然后再展示你的作品。下面我们来看一下面试官会问道的具体的问题。

在这里我还是要推荐下我自己建的web前端开发学习群：853597293，群里都是学web前端开发的，如果你正在学习前端 ，小编欢迎你加入，今天分享的这个案例已经上传到群文件，大家都是软件开发党，不定期分享干货（只有前端软件开发相关的），包括我自己整理的一份2019最新的前端进阶资料和高级开发教程，欢迎进阶中和进想深入前端的小伙伴。

1、左右布局，如果两个a标签都为50%，但是在第一个a标签后换行，则第二个a就会被挤到第二行，如何解决呢，就把font-size设为0就行了。

> a\{
> 
> width:50%;
> 
> height:40px;
> 
> display:inline-block;
> 
> font-size:14px;
> 
> \}
> 
> div>a:nth-child(1)\{
> 
> background-color:red;
> 
> \}
> 
> div>a:nth-child(2)\{
> 
> background-color:green;
> 
> \}
> 
> aaaa
> 
> bbbbb
> 
> aaaa
> 
> bbbbb

2、排列组合问题(考察递归和排列组合算法)

> varstr=\[1,2,3\];
> 
> varcount=0;
> 
> functionarrange(s)\{
> 
> for(vari=0,length=str.length;i<length;i++)\{
> 
> if(s.length==length-1)\{
> 
> if(s.indexOf(str\[i\])<0)\{
> 
> count++;
> 
> console.log("组合"+count+"="+s+str\[i\]);
> 
> \}
> 
> continue;
> 
> \}
> 
> if(s.indexOf(str\[i\])<0)\{
> 
> arrange(s+str\[i\]);
> 
> \}
> 
> \}
> 
> \}
> 
> arrange('');

**面试小技巧**

小伙伴们在面试的时候一定要占到主动地位，在介绍的时候一定要把自己擅长的东西表现出来，当面试官问你问题的时候，如果真的不是很深入的了解，那就说自己所知道的，然后再转回自己擅长的东西和他聊，让他完全没有说话的机会。

[webp]: /images/20220311/3d40b314bd3d46f3905c2585b3fc76a7.png