Web前端开发行业是伴随Web兴起而细分出来的行业。随着移动技术的发展,未来Web前端的人才缺口会更大,相应的,前端人才的薪资待遇也会非常可观。

不少小伙伴想要入行前端,不管是自学还是培训,经历过朝朝暮暮,到了投简历找工作的阶段了,但是还是会有一些状况出现。

自己投了不少简历,但是收到的面试邀请却特别少;好不容易收到了大厂的面试邀请,但由于对面试流程不清楚,准备的特别不充分,结果也挂了;对于面试官的问题,明明知道该怎么做,但是却说不清楚。这些问题不是个例,很多人都有这样的困扰。接下来小编就分享一些面试技巧和面试的时候一些常见问题,希望能对小伙伴们有帮助。

30k前端面试必备题(前端面试宝典保姆级面试技巧和注意事项分享)(1)

一、尊重与被尊重

面试是一个很严肃的话题,作为一名求职者应该尊重面试官。着装干净整齐(有的公司会要求西装,但是不是所以公司都会有要求,根据公司情况决定自己面试当天的着装),面试的时候坐姿端正自然,大方得体,不要有翘腿、抖腿、葛优躺等不适合的动作。认真倾听,不卑不亢,谦虚有礼,不要玩手机、回消息、打电话,最好是静音或者是免打扰。

二、面试流程

大致面试流程

笔试(有的没有)

自我介绍

聊技术

问面试者你有什么想问的吗?

前端技术

三、前端技术:

30k前端面试必备题(前端面试宝典保姆级面试技巧和注意事项分享)(2)

前端技术是整个面试过程中最重要的部分,这决定了你是否能够胜任你所面试的岗位,能够顺利拿到offer。

前端技术面试大致分一下几大方向:

①HTML

1、html5新增了哪些内容或API,使用过哪些

2、input和textarea的区别

3、用一个div模拟textarea的实现

4、什么是语义化的HTML?

5、HTML5 为什么只需要写 !DOCTYPE HTML?

6、Doctype作用?标准模式与兼容模式各有什么区别?

7、html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和HTML5?

8、请描述一下cookies,sessionStorage 和 localStorage 的区别?

②CSS

1、简要说一下float的特性

2、CSS隐藏元素的几种方法(至少说出三种)

3、CSS清除浮动的几种方法(至少两种)

4、CSS居中(包括水平居中和垂直居中)

5、介绍一下CSS的盒子模型?

6、CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算? CSS3新增伪类有那些?

7、CSS3有哪些新特性?

8、什么是BFC?

9、如何实现等高布局?

10、li与li之间有看不见的空白间隔是什么原因引起的?有什么解决办法?

11、伪元素与伪类的区别?

12、响应式布局你是如何实现?如果兼容低版本浏览器你会如何实现?

13、z-index层叠顺序是?

14、过渡与动画的区别是什么?

15、什么是CSS reset?

16、CSS Sprite是什么,谈谈这个技术的优缺点?

17、px与em、rem区别?

18、你能描述一下渐进增强和优雅降级之间的不同吗?

③JavaScript

1、作用域

2、变量提升

3、闭包是什么?你在工作中是否使用过?

4、call与apply区别?

5、手写bind函数?

6、原型与原型链

7、继承,几种继承方式?他们的优缺点?

8、数组基本操作都有什么?

9、设计模式你都知道那些?

10、JavaScript中this是如何工作的

11、箭头函数

12、事件模型及事件代理/委托

13、如何添加、删除、修改节点

14、什么是jsonp?

15、高阶函数

16、js线程你是如何理解的?

17、setTimeout与setInterval有何区别?使用时需要注意什么?

18、什么是隐式转换?需要注意什么?

19、如何将120542.00转换为120,542.00

20、AMD与CMD区别?

④框架vue (vuex、vue-router、ssr)

1、组件传值prop

2、路由

3、vue如何实现双向数据绑定

4、过滤器

5、computed

6、vue生命周期钩子函数

7、插槽react (react-native)

8、render

9、生命周期

10、更改状态State

11、jsx

12、组件传值Propsangularjs

⑤打包工具

1、gulp

2、webpack

⑥代码管理工具

1、SVN

2、Git

上面就是小编大致整理的一些面试题与需要注意的事项,至于打包工具与三大框架更为细致的问题只是列举了方向,没有进行更多更详细的说明。希望以上内容能对小伙伴们有帮助,祝大家都能拿到心仪的offer!

,