前端面试技巧

一般、公司首先让你做自我介绍：

　　基本的自我信息：姓名、毕业学校、专业（选择性的说）、介绍一下你在什么公司、做过的项目（肯定是要包装。包装但不是真正意义上的作假。）企业是通过面试来考验你是否满足企业需求。你现在并没有非常体面在线项目，但是你需要这些证明自己的实力，那你可以选择一些确实是你会做，懂得做的项目，作为自己的项目并且展示给别人看。

如何介绍自己做过的项目：

1、简单的介绍项目的由来（为什么公司要做这个项目，对公司有什么好处，2、3句带过即可）。

2、介绍你在这个项目中负责的事情和职责。因为1个十几号人，什么事都你做了，其他人就只能斗地主。前端的话，你就可以说，我负责日常的营销活动的H5制作，购物车、订单模块前端页面的制作。

3、在你负责的项目和事情里，你用到了哪些技术，（再说每一个技术点的，必须要说下用在项目的什么地方：比如说整个商城的页面切换包括购物车、订单页面都是采用Vue的路由来做。）像素级的还原设计页面，REM布局、弹性布局、CSS3动画、过渡效果、字体图标、canvas、本地存储、Vue框架、Vue路由、Vuex进行状态管理、微信小程序。

4、我这个项目遇到的问题。说一下你解决困难问题事情。比如说某个模块，父子组件直接的信息传递和状态管理，又或者说解决某个库兼容性问题。

5、做个总结，你在项目中的收获。比如说，技术上的收获，基本可以独立完成商城前端页面的开发。事业上的收获，老板加薪、升职了、表扬了。

前端面试所遇到的技术点：

HTML的问题

　　(1) 行标签和块级标签分别有哪些？

　　(2) 常见HTML5的标签有哪些？

　　(3) 怎么页面结构会比较好？

　　(4) 如何减少HTTP请求和优化？

减少请求的资源，将多个CSS资源打包到1个文件里。将多个JS打包到1个JS文件里。采用雪碧图将多个图片放置到1个图片里。尽量的压缩css文件、js文件、图片文件、采用无损压缩的方式或者是使用webP格式的图片。

　　(5) HTML5和HTML4的区别。

　　　　① 自定义标签

　　　　② HTML5兼容HTML4