2022年前端面试题目汇总.docx

《2022年前端面试题目汇总.docx》由会员分享，可在线阅读，更多相关《2022年前端面试题目汇总.docx（9页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、2022年前端面试题目一、理论学问1.1、前端 MV框架的意义早期前端都是比较简洁，基本以页面为工作单元，内容以阅读型为主，也间或有简洁的表单操作，基本不太须要框架。随着 AJAX 的出现，Web2.0的兴起，人们可以在页面上可以做比较困难的事情了，然后前端框架才真正出现了。假如是页面型产品，多数的确不太须要它，因为页面中的 JavaScript代码，处理交互的肯定远远超过处理模型的，但是假如是应用软件类产品，这就太须要了。长期做某个行业软件的公司，一般都会沉淀下来一些业务组件，主要体现在数据模型、业务规则和业务流程，这些组件基本都存在于后端，在前端很少有相应的组织。从协作关系上讲，许多前端开

2、发团队每个成员的职责不是很清楚，有了前端的 MV框架，这个状况会大有改观。之所以感受不到 MV框架的重要性，是因为Model部分代码较少，View的相对多一些。假如主要在操作View和Controller，那当然 jQuery 这类库比较好用了。参考前端 MV框架的意义1.2、请简述盒模型IE6盒子模型与W3C盒子模型。文档中的每个元素被描绘为矩形盒子。盒子有四个边界：外边距边界margin, 边框边界bder, 内边距边界padding与内容边界content。CSS3中有个box-sizing属性可以限制盒子的计算方式，content-box：padding和bder不被包含在定义的wid

3、th和height之内。对象的实际宽度等于设置的width值和bder、padding之和。（W3C盒子模型）bder-box：padding和bder被包含在定义的width和height之内。对象的实际宽度就等于设置的width值。（IE6盒子模型）参考盒模型1.3、请你谈谈Cookie的弊端a. 每个特定的域名下最多生成的cookie个数有限制b. IE和Opera 会清理近期最少运用的cookie，Firefox会随机清理cookiec. cookie的最大大约为4096字节，为了兼容性，一般不能超过4095字节d. 平安性问题。假如cookie被人拦截了，那人就可以取得全部的sess

4、ion信息。1.4、阅读器本地存储在HTML5中供应了sessionStage和localStage。sessionStage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁，是会话级别的存储。localStage用于长久化的本地存储，除非主动删除数据，否则数据是恒久不会过期的。1.5、web stage和cookie的区分a. Cookie的大小是受限的b. 每次你恳求一个新的页面的时候Cookie都会被发送过去，这样无形中奢侈了带宽c. cookie还须要指定作用域，不行以跨域调用d. Web Stage拥有setIte

5、m,getItem等方法，cookie须要前端开发者自己封装setCookie，getCookiee. Cookie的作用是与服务器进行交互，作为HTTP规范的一部分而存在 ，而Web Stage仅仅是为了在本地“存储”数据而生f. IE7、IE6中的UserData通过简洁的代码封装可以统一到全部的阅读器都支持web stage1.6、对BFC规范的理解BFC全称是Block Fmatting Context，即块格式化上下文。它是CSS2.1规范定义的，关于CSS渲染定位的一个概念。BFC是页面CSS 视觉渲染的一部分，用于确定块盒子的布局及浮动相互影响范围的一个区域。BFC的一个最重要的

6、效果是，让处于BFC内部的元素与外部的元素相互隔离，使内外元素的定位不会相互影响。利用BFC可以闭合浮动，防止与浮动元素重叠。参考Learning BFC1.7、线程与进程的区分a. 一个程序至少有一个进程，一个进程至少有一个线程b. 线程的划分尺度小于进程，使得多线程程序的并发性高c. 进程在执行过程中拥有独立的内存单元，而多个线程共享内存，从而极大地提高了程序的运行效率d. 每个独立的线程有一个程序运行的入口、依次执行序列和程序的出口。但是线程不能够独立执行，必需依存在应用程序中，由应用程序供应多个线程执行限制e. 多线程的意义在于一个应用程序中，有多个执行部分可以同时执行。但操作系统并没

7、有将多个线程看做多个独立的应用，来实现进程的调度和管理以及资源安排1.8、你都运用哪些工具来测试代码的性能？JSPerf, Dromaeo1.9、你遇到过比较难的技术问题是？你是如何解决的？1.10、常运用的库有哪些？常用的前端开发工具？开发过什么应用或组件？1.11、列举IE与其他阅读器不一样的特性？a. IE的排版引擎是Trident （又称为MSHTML）b. Trident内核曾经几乎与W3C标准脱节（2022年）c. Trident内核的大量 Bug等平安性问题没有得到刚好解决d. JS方面，有许多独立的方法，例如绑定事务的attachEvent、创建事务的createEventOb

8、ject等e. CSS方面，也有自己独有的处理方式，例如设置透亮，低版本IE中运用滤镜的方式参考Trident（排版引擎）1.12、什么叫优雅降级和渐进增加？渐进增加 progressive enhancement：针对低版本阅读器进行构建页面，保证最基本的功能，然后再针对高级阅读器进行效果、交互等改进和追加功能达到更好的用户体验。优雅降级 graceful degradation：一起先就构建完整的功能，然后再针对低版本阅读器进行兼容。区分：a. 优雅降级是从困难的现状起先，并试图削减用户体验的供应b. 渐进增加则是从一个特别基础的，能够起作用的版本起先，并不断扩充，以适应将来环境的须要c.

9、 降级（功能衰减）意味着往回看；而渐进增加则意味着朝前看，同时保证其根基处于平安地带参考优雅降级和渐进增加的区分1.13、WEB应用从服务器主动推送Data到客户端有那些方式？a. html5 websoketb. WebSocket 通过 Flashc. XHR长时间连接d. XHR Multipart Streaminge. 不行见的Iframef.编辑举荐： 2022年前端面试题目 一、理论学问1.1、前端 MV框架的意义早期前端都是比较简洁，基本以页面为工作单元，内容以阅读型为主，也间或有简洁的表单操作，基本不太须要框架。随着 AJAX 的出现，Web2.0的兴起，人们可以在页面上可以

10、做比较困难的事情了，然后前端框架才真正出现了。假如是页面型产品，多数的确不太须要它，因为页面中的 JavaScript代码，处理交互的肯定远远超过处理模型的，但是假如是应用软件类产品，这就太需阅读文章 >> 技术干货：Hadoop面试题及答案一、什么是Hadoop？ Hadoop是一个开源软件框架，用于存储大量数据，并发处理/查询在具有多个商用硬件（即低成本硬件）节点的集群上的那些数据。总之，Hadoop包括以下内容： HDF.阅读文章 >> 技术干货：ActiveMQ面试题及答案1、什么是 ActiveMQ？ activeMQ是一种开源的，实现了JMS1.1规范的，面

11、对消息(MOM)的中间件，为应用程序供应高效的、可扩展的、稳定的和平安的企业级消息通信。2、Active.阅读文章 >> 技术干货：RabbitMQ面试题及答案RabbitMQ作为目前应用相当广泛的消息中间件，在企业级应用、微服务应用中充当着重要的角色，特殊是在一些典型的应用场景以及业务模块中具有重要的作用。 比如业务服务模块解耦，异步通信，高并发限流.阅读文章 >> 关于Tomcat的13道面试题，你能答对几个？Tomcat服务器是一个免费的开放源代码的Web 应用服务器，Tomcat是Apache软件基金会（Apache Software Foundation）的Jakarta 项目中的一个核心项目，它早期.阅读文章 >> 12道Zookeeper面试题，让你不再手足无措！ZooKeeper是一个开源的分布式协调服务，可以基于ZooKeeper实现诸如：数据发布/订阅、负载均衡、命名服务、分布式协调/通知、集群管理、Master选举、配置维护，名字服务、分布式同步、分布.阅读文章 >>欢迎关注网站微信公众号：面试大全 点赞 0 死踩 0 复制本文链接 文章为作者独立观点不代表面试网立场，未经允许不得转载。 接着阅读与本文标签相同的文章 面试题 上一篇技术干货：Hadoop面试题及答案 接着阅读