web前端开发面试提纲

矫情吗；* 2022-01-21 06:29 192阅读 0赞

说到前端面试，应该问点什么好呢？有些企业是问基础，有些是问框架。大厂的面试题都有一个共同点，基本上只有基础题。

小编也有幸在公司老大不在公司的情况下有面试过几个新人，问的都是基础问题，小编不喜欢问些框架问题，感觉没啥意义。

一个优秀的web前端开发者，不应该局限于（框架，平台）的牢笼中，基础够强，用不用框架，只是你需要与不需要的选择问题，而不是技能水平的决定问题。只要你有需要，什么框架都OK，这才是一个合格的开发者。

别喷我：能用和用好是两种概念，用好还是需要时间和经验积累的。

在当下，有许多web前端开发者都瞎学，JS的基本数据类型都还没整明白呢，就开始学 Vue / React 了，完全是瞎跟风，结果到群里问各种入门问题。哎！！！！

下面是小编习惯问的几个问题：

### 一、CSS+HTML ###

1.  px、em、rem 的区别
2.  元素浮动与清除浮动的方法
3.  flex布局的基本属性（经常有开发者写 flex:1，小编非常鄙视这种写法）

### 二、javascript ###

1.  var、let 、const 的区别
2.  简单说一说“函数声明”与“函数表达式”
3.  cookie、localStorage、sessionStorage 的区别，并举例说明什么功能使用那一种存储方式，并说明为什么。（学会比学习更重要，在合理的场景使用合理的存储方式是必须的）
4.  传值 与 传址（引用与赋值，对基础强不强，很明显能体现出来，说白了就是JS的几种变量类型学的怎么样）

### 三、根据简历问问题 ###

1.  jQuery：each()、map()、is()、on()等常用且重要的方法使用
2.  jQuery：$("ul>li")、$("ul li") 两者的区别（虽然说是有点性能的小问题，更重要的是一个追求极致的心。小编认识的10多个女前端，没一个注重这个的，难怪她们都菜的不行不行的，但是没办法，这个世界给予了她们性别特权）。
3.  Vue.js：自定义指令、自定义模块、父子组件传值（问些v-if，v-for等问题，毫无意义。尤大大在介绍Vue.js学习过程的文章中，第一条便是拥有扎实的JS,CSS,HTML基础）

### 四、计算机知识体系 ###

1.  计算机网络、软件测试、操作系统、后端开发语言的基础问题（是不是假简历 或 培训机构出来的有着很明显的区别。在这并不是有所歧视，而是为了工作中具备良好的专业的沟通表达能力和对自己工作任务的自检自测能力）。

以上是小编的面试问题，仅供各位面试官大大参考。

### 面试过后的感受，只能说这个社会假简历真多，假简历的表现大概有这些： ###

1.  所学专业大都都是"计算机网络"（RJ45-B线序、IP分类、常见的网络拓扑结构、OSI参考模型等入门问题都答不上来，这和学了前端不知道 if 语句没有区别）
2.  各种精通javascript（一个JS变量类型的默认 Boolean 值都不知道）
3.  精通Vue.js 26种指令，很明显网上复制来的简历（写这个跟写会js 的if、for、var 没有区别）
4.  N年工作经验，机试中移动端事件热区不注意，表单元素的使用不合理，常见的JS特效不会写（这情况也许是真的，应该是在外包企业机械劳动干久了，一说特效就是疯狂找插件）

还记得，到广州时第一次接到电话面试的第一句话：你的学历是真的吗？（让我先哭3秒），在这假简历到处飞的社会，大家能不能像我一样诚实点？

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTMzNTA0OTU_size_16_color_FFFFFF_t_70][]  
答应我，从此做个诚实的孩子！——控制不住自己的眼泪！

> 作者：[黄河爱浪][Link 1] QQ：1846492969，邮箱：helang.love@qq.com
> 
> 公众号：`web-7258`，本文原创，著作权归作者所有，转载请注明原链接及出处。
> 
> 更多精彩文章，请扫下方二维码关注我的公众号
> 
> ![20190512094840637.jpg][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTMzNTA0OTU_size_16_color_FFFFFF_t_70]: /images/20220121/443f994544024379a2c51483bad3a09e.png
[Link 1]: https://blog.csdn.net/u013350495
[20190512094840637.jpg]: /images/20220121/81c4f6f2efc84f3dbe6934dfc4106973.png