【前端面试】Part2：2020届初级前端校招笔试题及面经总结 —— 框架理解题

最新推荐文章于 2022-07-08 15:23:15 发布

原创最新推荐文章于 2022-07-08 15:23:15 发布 · 733 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #面经 #学习 #面试 #笔试

前端同时被 3 个专栏收录

11 篇文章

订阅专栏

JavaScript

11 篇文章

订阅专栏

React

4 篇文章

订阅专栏

本文集锦了React框架面试中常见的16道问题，涵盖了React生命周期、组件通信、Antd按需加载、Diff算法等核心知识点，同时探讨了脚手架搭建、Webpack定制化等进阶话题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

针对框架提问

如果简历中有框架（React、Vue、Angular）的使用开发经验，面试官会针对提问，由于笔者是采用React下文的题目都是针对React的。

第1题：React生命周期

第2题：为什么要给组件key

第3题：React的使用场景

第4题：实现组件的方式有哪些？

第5题：React的加载机制

第6题：Antd如何实现按需加载

第7题：有了解Diff算法吗

第8题：什么是脚手架，脚手架的作用，以及如何自己搭建脚手架

第9题：组件间通信的所有方案（不考虑性能，此题考查思维宽度）

第10题：Nginx发布了项目如何实现路由重定向，什么时候配置路由重定向

第11题：除了redux-saga还知道哪些中间件

第12题：PureComponent和Component的区别

第13题：讲一讲dva底层实现原理

第14题：Webpack定制化、或者npm定制化

第15题：如何手写实现一个Modal窗，Dom定位在Body根节点下

第16题：VUE、React、Angular的区别

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

苏珊蓝顿

关注关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

【前端面试】Part 1：2020届初级前端校招笔试题及面经总结 —— 基础知识题

苏珊蓝顿

09-16

8436

2020届初级前端校招笔试题及面经总结 —— 持续更新

直击高频编程考点：数学思维知识及经典算法题总结：

张彦峰的博客

05-12

168万+

数学思维考察练习（众数+快乐数+丑数+回文数+计数质数+有效数字+整数反转+罗马数字+平方根+超级次方+整数拆分+阶乘后的零+复数乘法+两数加法除法+最大公约数和最小公倍数+二进制中1的个数+从1到n整数中1出现的次数+求1+2+3+···+n数字之和等）

参与评论您还未登录，请先登录后发表或查看评论

前端基础笔试题

wtl0925的博客

07-29

1727

选择题（每题 3 分） 1.浏览器的默认字体大小是多少： A、10px B、20px C、12px D、16px 2.如何使标签在页面中不占据位置： A、display:none; B、visibility:hidden; C、position:absolute; D、position:relative; 3. 下列 js 可以让一个 input 的背景颜色变成红色的是： A. inputElement.style.backgroundColor = ‘red’; B. inputElement.backg

自己整理的初级前端面试题总结（2020年）

Lovely Ruby 的手账

08-17

2281

初级前端面试题总结 CSS link标签是同时加载的，script标签才会加载完一个再加载另一个。 link标签除了可以加载css外，还可以做很多其他的事情，比如定义RSS，定义rel连接属性等，@import只能加载CSS 你使用过的单位都有哪些？ px：相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 rpx：微信小程序中有的，宽度分成750块。 em：相对于父元素的font-size rem：相对于html的font-size vh：相对于视口的高度。视口被均分

前端初级开发笔试题——用js编写一个时钟实例

bboyjoe的博客

09-21

3603

一般出题形式是要面试者在html页面中填写js代码，比较钻牛角尖的还必须用原生js写（有些面试官就是这样，认为写原生js显得比较牛一些），本人认为没有多大必要，编程的出现本身就是为了提高效率，有jQuery干嘛不用。这题看似比较简单，实则主要考察面试者对函数的调用，以及js内置函数的常用方法的使用，另外如果对时间格式进行修正会加分，此题如能顺利通过，面试官一般会认定基础尚可（一线城市可获得不低

前端基础笔试题 & 解答

huangyilinnuli的博客

06-27

894

实现浅克隆和深克隆 /** * 浅克隆 * @param {*} val */ function clone(val) { if (typeof val !== 'object') return val; return { ...val }; } /** * 深克隆 * 1. Date 和 RegExp需要特殊处理 * 2. 循环引用也需要复制过去 * * @param {*} val */ function deepClone(val,

直击高频编程考点：字符串知识及经典算法题总结

热门推荐

张彦峰的博客

02-14

171万+

最全面、最详细web前端面试题及答案总结

HanXiaoXi_yeal的博客

02-01

3万+

2021最全面、最详细web前端面试题及答案总结总结不易，希望可以帮助到即将面试或还在学习中的web前端小伙伴，祝面试顺利，拿高薪！本章是HTML考点的⾮重难点，因此我们采⽤简略回答的⽅式进⾏撰写，所以不会有太多详细的解释。我们约定，每个问题后我们标记『✨ 』的为⾼频⾯试题 doctype的作⽤是什么？✨ DOCTYPE是html5标准⽹⻚声明，且必须声明在HTML⽂档的第⼀⾏。来告知浏览器的解析器⽤什么⽂档标准解析这个⽂档，不同的渲染模式会影响到浏览器对于 CSS 代码甚⾄ JavaScript

2020年零基础前端学习路线（本人亲身经历，9个月拿到拼多多、美团、京东校招offer，5000字长文）

前端彭于晏的博客

12-01

8万+

前端学习路线基础准备开发工具结论：vscode 最初我选择的是Hbuilder，轻量级，界面淡黄色和绿色结合比较护眼，但是插件较少，格式化代码以及快捷键用着不是特别顺手，转而使用vscode。个人认识业界使用比较多的两种编辑器，vscode 和 webstorm。具体的对比请移步VSCode 与 WebStorm 横向对比个人想法，其实真没必要对于编辑器过于纠结，毕竟只是一个工具，大佬用txt都可以编写代码，在前期学习阶段可以选定一个坚持使用，等到学有所成，对于编辑器有着个人更独特的要求再去选择

2020年一些前端的面试题（含答案）

web全栈开发的博客

02-29

3万+

1、css实现图片自适应宽高 img { max-width: 100%; max-height: 100%; } 2、什么是flex，写出常见属性，以及作用 Flex即：Flexible Box，弹性布局，用来为盒状模型提供最大的灵活性。可以实现类似垂直居中布局。 .box{ display: flex; } .box{ display: inline-flex; } //...

前端面试题：金山办公2020校招前端开发工程师笔试题（一）

方法属性类，一个都不会

03-13

1415

第一题： []==[]输出的结果为false；首先，‘==’运算符比较的是两个操作数是否相等，（这里不是指严格相等），两个操作数都是空数组，都是Object对象。但是对象的比较并非是值得比较，即使这两个都是空数组（包含同样的属性和数值都为空），但是这两个数组在引用上都不是同一个数组，所以他们也是不相等第二题：服务器角度采取CDN加速开启gzip压缩允许使用强缓存或协...

哔哩哔哩2020校园招聘前端笔试题（卷一）

qq_42459832的博客

10-05

2831

1.下面哪几个和 [http://store.company.com/dir/page.html] 符合同源策略？( ) A. http://store.company.com/dir2/other.htm B. https://store.company.com/dir/secure.html C. http://store.company.com:81/dir/etc.html D. http://news.company.com/dir/other.html 答案：A 同源表明，同协议，同

前端笔试题目整理

weixin_45182118的博客

09-20

1401

变量提升 fn() // 由于函数表达式是不能进行变量提升，所以这里执行的打印2的 var fn = function () { console.log(1) } function fn() { console.log(2) } fn() //1 var func1 = { name: 'a', test: function () { console.log(this.name); } } name = 'global' func1

初级前端面试题

XYLHxylh的博客

07-11

516

flex布局 apply和call和bind 图片懒加载原型和原型链 border-box和content-box cookie localstorge sessionstorge区别 flex布局浏览器兼容问题 Vue监听不到对象变化怎么办 computed和watch 字符串去重字符串查出最多的字母 settimeout（0） webpack { 常见loader， puygin，入口出口 } Axios遇到的问题 axios和ajax不同水平垂..

初级前端面试题大全

a1783118的博客

07-08

3889

初级前端面试题大全

【秋招笔试】2020bilibili秋招前端笔试题总结

qq_18864907的博客

10-02

3357

2020bilibili秋招前端笔试题总结 *笔试内容仅针对前端部分一、笔试题型第一部分选择题（20题，每题2分）：全部与前端的知识相关，涵盖了JavaScript、CSS权重、防抖节流计算机网络等知识，以JavaScript为主，考核了很多JavaScript的用法和细节。第二部分编程题（3题，每题20分）：题型较为简单，一个链表每k个节点反转一次后拼接输出结果。一年中的第几天。还...

刚看到一个前端面试题, 左边固定,右边自适应, 就根据自己想的自己写了下试试...

weixin_34013044的博客

01-07

135

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> &l

前端初级工程师面试题

dexing07的博客

11-16

1410

初级Web前端工程师面试必看面试题（HTML+CSS+JavaScript）　　1.对WEB标准以及W3C的理解与认识？　　标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要

网易2020前端笔试提前批试题解析

yinjiangQAQ的博客

01-20

705

第一题解析：题目讲的是两个节点的二叉树，所以只是一个父节点和一个子节点的二叉树。如图所示第二题

前端面试题续集：CSS与浮动深入解析

在前端面试中，CSS知识是不可或缺的一部分，特别是对于理解和解决实际布局问题。本文将继续深入探讨面试中可能涉及的CSS相关问题。 Part1 CSS相关知识点 1. 元素类型划分： - 内联元素（如`<a>`、`<span>`、`<i>`...