前端面试题

最新最全的前端面试题集锦之 Vue 全家桶篇（从基础到高级，最新最全最详细解答）

该内容主要整理关于Vue的相关面试题，其他内容面试题请移步至最新最全的前端面试题集锦查看。关于Vue3.0的相关面试题，请移步至Vue3.0篇查看。
八了个戒·2024-02-01 04:08

2024 高级前端面试题之 Vue 「精选篇」

该内容主要整理关于Vue模块的相关面试题，其他内容面试题请移步至「最新最全的前端面试题集锦」查看。
八了个戒·2024-02-01 03:37

2024 高级前端面试题之 React 「精选篇」

该内容主要整理关于React模块的相关面试题，其他内容面试题请移步至「最新最全的前端面试题集锦」查看。
八了个戒·2024-01-31 13:59

前端面试题-js部分-数组去重-数组扁平化-伪数组转数组-面向对象的继承方式(ES5)

前端面试题-js部分-数组去重-数组扁平化-伪数组转数组-面向对象的继承方式ES5数组去重数组扁平化伪数组转换为数组面向对象的继承方式（ES5）数组去重1.利用es6set去重Set类型不允许有值重复letarr1
小全upup·2024-01-31 12:00

前端面试题-网络请求-http请求方式-http状态码-url地址到浏览器渲染过程-跨域-请求测试工具-http和https

前端面试题-网络请求-http请求方式-http状态码-url地址到浏览器渲染过程-跨域-请求测试工具http请求方式http的状态码有哪些？分别代表什么意思？
小全upup·2024-01-31 12:00

前端面试题：对象的比较

前端面试题，如何比较两个对象是否相等？
华子Code1024·2024-01-31 05:55

前端面试题：合并有序链表

定义数据结构如下：functionlistNode(val){this.value=val;this.next=null;}实现两个有序链表的合并方法1：通过递归的方式实现，通过比对节点的大小，进行节点的插入，具体实现如下：functionmerge(l1,l2){if(l1===null){returnl2;}if(l2===null){returnl1;}if(l1.val
华子Code1024·2024-01-31 05:55

前端面试题：字符串中字符出现的最多次数

前端基础算法面试题，一个字符串中，出现最多的字符以及出现的次数。1.首先对字符串转换成字符串数组，然后对字符串数组进行排序，得到一个有序的数组2.然后对排序后的字符串数组，进行查找3.每次找到字符出现的最后的位置，然后进行计数4.得到最终结果functiongetMaxCount(str){if(!str)return"";letmaxCount=0,maxCountStr="";str=[...
华子Code1024·2024-01-31 05:55

前端面试题：观察者模式

观察者模式和订阅-发布模式都属于事件模型，它们都是为了解耦合而存在，但是它们之间还是有一些不同之处的：观察者模式中，主题（被观察者）和观察者之间是直接联系的，观察者订阅主题，主题状态发生变化时会直接通知观察者；而订阅-发布模式中，发布者和订阅者之间没有直接的联系，发布者发布消息到消息中心，订阅者从消息中心订阅消息。在观察者模式中，主题和观察者是一对多的关系，一个主题可以有多个观察者，而在订阅-发布
华子Code1024·2024-01-31 05:54

前端面试题-说说你了解的js数据结构?(2024.1.29)

1、数组(Array)数组是一组有序的值的集合，可以通过索引访问。JavaScript数组可以包含不同的数据类型，并且长度是动态的。letmyArray=[1,'hello',true,[2,3]];2、对象(Object)对象是无序的键值对的集合。每个键都是字符串或符号，值可以是任何数据类型。letmyObject={key1:'value1',key2:42,key3:['a','b','c'
bug总结·2024-01-29 17:16

2024 高级前端面试题之 CSS 「精选篇」

该内容主要整理关于CSS的相关面试题，其他内容面试题请移步至「最新最全的前端面试题集锦」查看。
八了个戒·2024-01-27 06:55

2024总结-前端面试题（全）

CSS1.请解释CSS的盒模型是什么，并描述其组成部分。答案：CSS的盒模型是用于布局和定位元素的概念。它由内容区域、内边距、边框和外边距组成，这些部分依次包裹在元素周围。2.解释CSS中的选择器及其优先级。答案：CSS选择器用于选择要应用样式的HTML元素。选择器的优先级规则是：内联样式>ID选择器>类选择器、属性选择器、伪类选择器>元素选择器>通用选择器。同时，使用!important可以提升
厚积薄发的Cicci·2024-01-26 19:39

第 7 题：在浏览器中输入 URL 后，执行的过程？

接口、图片、音频、视频、CSS、JS等等）服务器端响应http请求浏览器解析渲染HTML代码，最终呈现给用户关闭页面，释放TCP连接（4次挥手）文章的内容/灵感都从下方内容中借鉴【持续维护/更新500+前端面试题
Noxus丶SJ·2024-01-26 02:41

2024 高级前端面试题之 HTML 「精选篇」

HTML模块精选篇1.如何理解HTML语义化2.H5的新特性有哪些3.说一下HTML5DragAPI4.iframe有那些缺点5.如何实现浏览器内多个标签页之间的通信6.简述一下src与href的区别7.网页制作会用到的图片格式有哪些8.script标签中defer和async的区别9.说一下webworker10.用一个div模拟textarea的实现11.介绍下资源预加载prefetch/pr
八了个戒·2024-01-25 18:18

js：vue中使用封装的防抖函数，引发的闭包相关问题的思考

防抖函数的封装请看前端面试题（js）：手写防抖节流？
前端小白jyj·2024-01-25 13:37

前端面试题

1、盒子塌陷的原因？解决方式原因:1.浮动导致的塌陷,浮动会脱落标准流2.嵌套的两个盒子,子盒子设置margin-top会导致父盒子一下下移解决方法:第一种情况1清除浮动;2给父盒子加高度;3给父元素添加overflow:hidden第一种情况1给父元素加上边框;2给父元素添加overflow:hidden2、不定宽高的div水平垂直居中答:1、父元素添加position:relativediv{
秃头小宝贝-·2024-01-24 19:57

前端面试题：a==1&&a==2&&a==3

前几天看到一个有趣的试题，把它记录下来分享给大家题目：if(a==1&&a==2&&a==3){console.log("true");}else{console.log("false");}实现这样的a，开始的时候感觉这个题很有意思，下面分享两种实现方式方式1leta={i:1,toString:function(){returnthis.i++;},};通过toString方法实现方式2let
华子Code1024·2024-01-24 19:27

前端面试题：

Vue的data为什么是一个函数vue的data实质上就是一个闭包，vue是单页面应用，是由很多组件构成的，Vue中的data是函数的时，组件实例化的时候这个函数建辉被调用，返回一个对象，计算机会给这个对象分配一个内存地址，每次复用组件，就会返回新的data，类似于给每个组件实例创建一个私有数据空间。组件复用不会引起数据的相互影响。1、vue的双向绑定原理是什么？里面的关键点在哪里？Vue的内部通
Monop·2024-01-24 19:27

前端面试题：链式数据转换

给出如下数据结构，进行数据格式转换，父子集合形式的数据letdata=[{id:1,name:"目录1",parentId:0,},{id:2,name:"目录1-1",parentId:1,},{id:3,name:"目录1-2",parentId:1,},{id:4,name:"目录1-1-1",parentId:2,},{id:5,name:"目录1-1-2",parentId:2,},{i
华子Code1024·2024-01-24 19:57

前端面试题：两数和三数之和（多种方法实现以及数组中接近的值查找）

两数之和前端面试中常被问到求两个数之和等于给定的值如：在数组[2,3,5,7,11,15]中找到两个数，使之和等于20，并返回这两个数的坐标，如果没有找到返回空[]方法1缺点：这种方法有局限性，首先需要对数组排序，带来额外的消耗优点：对有序数组友好实现方式：无序数组进行排序（有序直接查找），然后使用二分查找的方式进行，定义头尾两个指针，并进行数值求和并和目标值进行比较，小于目标值则左指针++，大于
华子Code1024·2024-01-24 19:26

前端面试题：topK算法

当面试官问你，在不考虑数字越界的情况下，有1亿条搜索数据，让你从中找到前100条频率高的数据你会怎么实现？当时，我的第一印象是把数据分组，分别求前多少条？但是没法保证每组的前100条或者多少条数据刚好是前几位的，这个被否定了。然后突然想到这不就是topK算法的变异，然后给面试官说了一下。找到一个对照值，然后把大于对照值的存储在left=[]数组中，小于对照值的存储在right=[]数组中，这样我们
华子Code1024·2024-01-24 19:24

2023最全最新前端面试题（附加解析）

JS1、说一下innerHTML与innerText的作用与区别？作用：都可以获取或者设置元素的内容区别：innerHTML可以解析内容中的html标签innerText不能解析内容中的html标签2、JavaScript由以下三部分组成：ECMAScript（语法部分）：JavaScript语言基础DOM（文档对象模型）：规定了访问HTML和XML的方法BOM（浏览器对象模型）：提供了浏览器窗口
耀南.·2024-01-24 17:01

web前端面试题-移动开发篇（持续更新...）

继续分享我整理了5年的面试题html：https://www.jianshu.com/p/aa218e2b8fe1css：https://www.jianshu.com/p/0f5571b75fb5javascript：https://www.jianshu.com/p/fe1089a4ab1ajquery：https://www.jianshu.com/p/363fc2615cfe另外附上课程链
终身成长人格·2024-01-24 11:33

前端面试题-(BFC，前端尺寸单位，网站页面常见的优化手段)

BFCBFC（blockformarttingcontext）块格式化上下文。是通过独立渲染的区域，它拥有自己的渲染规则，可以决定其子元素如何定位以及与其他颜色的相互关系和作用。BFC的布局规则是内部的box会在垂直方向上，一个接一个地放置，BOX垂直的方向的距离由margin决定，属于同一个BFC的两个相邻的BOX的margin会发生重叠。BFC具有一些特性，可以看作是隔离了的独立容器，容器里面
小全upup·2024-01-23 14:16

前端面试题-(浏览器内核，CSS选择器优先级，盒子模型，CSS硬件加速，CSS扩展）

常见的浏览器内核内核描述Trident(IE内核)主要用在window系统中的IE浏览器中，由微软研发并投入使用Gecko(Firefox内核)主要用于Firefox浏览器中，特点是代码完全公开，开发程度高Webkit(Safari内核)苹果产品中的safari浏览器使用的就是webkit内核，其特点是不受ie，firefox等内核的约束，比较安全。Chromium（谷歌浏览器）基于WebKit的
小全upup·2024-01-23 14:16

前端面试题-vue专区

1、vue中给对象添加新属性时，界面不刷新怎么办Vue不允许在已经创建的实例上动态添加新的响应式属性若想实现数据与视图同步更新，可采取下面三种解决方案：Vue.set()Object.assign()$forcecUpdated()Vue.set()Vue.set(target,propertyName/index,value)参数{Object|Array}target{string|numbe
zbsnzj·2024-01-23 11:37

前端面试题--权限

10-19面试题权限控制一、是什么权限是对特定资源的访问许可，所谓权限控制，也就是确保用户只能访问到被分配的资源而前端权限归根结底是请求的发起权，请求的发起可能有下面两种形式触发页面加载触发页面上的按钮点击触发总的来说，所有的请求发起都触发自前端路由或视图所以我们可以从这两方面入手，对触发权限的源头进行控制，最终要实现的目标是：路由方面，用户登录后只能看到自己有权访问的导航菜单，也只能访问自己有权
光明顶的老张·2024-01-23 11:32

前端面试题：width:100%和width:auto的区别

width属性100%和auto的区别1、width:100%表示子元素的宽度和父元素的宽度相等，不包括子元素设置的内外边距和边框的值，即子元素的宽度等于父元素content的宽度代码如下：.big{background-color:pink;width:100px;height:50px;padding:10px;}.box1{width:100%;background-color:green;
离奇6厘米·2024-01-20 14:30

前端面试题必考（五）- Cookies 与 Session，SessionStore，LocalStore的区别及使用 / H5事件通知机制

一.Cookies与Session的区别及使用（参考：https://blog.csdn.net/liyifan687/article/details/80077928）HTTP是一种无状态的协议，不知道链接是谁发起的，所以需要浏览器把登录信息存起来，Session和Cookie就是为解决这个问题而提出来的两个机制。1.Cookie是服务器在本地机器上存储的小段文本，并随每一个请求发送至同一服务器
阿榄·2024-01-20 10:26

前端面试题汇总大全（含答案）-- 持续更新

一、HTML篇1.简述一下你对HTML语义化的理解？用正确的标签做正确的事情。html语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析；即使在没有样式CSS情况下也以一种文档格式显示，并且是容易阅读的;搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO;使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。2.标签上title与alt属性的区别是什么？
秋の本名·2024-01-20 07:28

前端面试题-（W3C标准，重绘，回流 ，CSS伪类）

W3C标准W3C标准主要包括一下几个方面1.结构化标准语言：主要败局哦XHTML和xml.Xhtml是一种基于xml的标记语言，用于创建和组织网页内容。具有更好的可读性和维护性。xml则是一种用于描述和传输数据的标记语言，具有可扩展性和灵活性。被广泛应用于web服务，数据存储和配置文件等领域。2.表现标准语言：主要包括css。css是一种用于控制网页样式和布局的标记语言，通过选择器和属性来定义元素
小全upup·2024-01-20 07:28

前端面试题（持续更新~~）

文章目录一、基础1、数组常用的方法2、数组有哪几种循环方式？分别有什么作用？3、字符串常用的方法4、原型链5、闭包6、常见的继承7、cookie、localstorage、sessionstrorage区别8、数组去重方法9、http的请求方式10、数据类型的判断方法11、cookie和session的区别二、JS1、js的执行机制三、CSS1、常见的布局方法2、盒子模型四、Vue1、vue双向数
深巷的猫~·2024-01-20 01:22

2024 前端高频面试题之 HTML/CSS 篇

欢迎各位同胞大大点评补充~前端面试题之HTML/CSS篇1、HTML语义化？2、块级元素&内联样式3、盒子模型的理解？怪异和标准怎么切换？4、重排（回流）和重绘的区别？5、伪类和伪元素的区别？
Aybuai·2024-01-19 18:30

vue前端面试题

1.vue与react的选择React是库Vue是一个完整得框架都能快速运行，都是轻量级前端框架都有一个组件式系统架构都使用virtualDOM都可以放进一个HTML文件中或成为更复杂的Webpack设置模块都有独立但通用的路由器和状态管理库React把组件定义为类Vue把组件定义为对象2.vue特点轻量级，相对于其他框架，vue学习成本低，简单易上手。组件化，保留了react框架的优点，实现了封
逸尘·2024-01-19 15:26

web前端面试题-JavaScript 第一部分

web前端面试题-JavaScript第一部分1JavaScript的组成2JS的基本数据类型和引用数据类型3检测浏览器版本版本有哪些方式？4介绍JS有哪些内置对象？
圣京都·2024-01-19 02:16

前端面试题-CSS3新增特性

增加了transition过渡和animation动画transition过渡,可以实现元素状态的渐变效果，即当元素的状态发生变化时，元素会平滑的过渡到新的状态。要使用transition属性，需要指定要执行过渡效果的属性，过渡效果的持续时间，过渡效果的函数以及过渡效果的开始的时间。属性描述transition简写属性，用于在一个属性只给设置四个过渡属性transition-property规定应
小全upup·2024-01-18 15:50

前端面试题-html5新增特性有哪些

HTMLhtml5新增特性有哪些1.新增了语义化标签标签用法header定义文档或区块的页眉，通常包含标题，导航和其他有关信息nav定义导航链接的容器，用于包裹网站的导航部分section定义文档的一个独立节或区块，用于组织相关的内容articloe定义一个独立的，完整的，可以独自分发或独立阴天的内容块，如博客文章aside定义页面或区块的侧边栏或附属信息，通常用于显示相关的内容或广告main定义
小全upup·2024-01-18 15:15

前端面试题(附答案)持续更新中

对作用域、作用域链的理解1）全局作用域和函数作用域（1）全局作用域最外层函数和最外层函数外面定义的变量拥有全局作用域所有未定义直接赋值的变量自动声明为全局作用域所有window对象的属性拥有全局作用域全局作用域有很大的弊端，过多的全局作用域变量会污染全局命名空间，容易引起命名冲突。（2）函数作用域函数作用域声明在函数内部的变零，一般只有固定的代码片段可以访问到作用域是分层的，内层作用域可以访问外层
helloworld1024z·2024-01-18 05:23

裁员当下，两天走人后的一些思考...

后台回复“前端面试题”，免费领取前端面试技术学习资料一份！！前言个人身边发生的事，分享自己的一些思考，有不同意见是正常的，欢迎探讨交流。
lxw1844912514·2024-01-17 20:24

web前端面试题对答篇：HTTP fetch发送2次请求的原因？

HTTPfetch发送2次请求的原因？面对这道出现频率较高的面试题，我想说的是：发送两次请求的情况确实存在，但这与你所使用的是不是http协议，所采用的是不是fetch真的没有一毛钱关系！接下来，咱们可以通过代码一一去验证……一、准备工作1、创建一个文件夹zhangpeiyue2、在zhangpeiyue文件夹内创建两个文件：server.js与index.htmlserver.js：搭建一个ex
张培跃·2024-01-17 10:30

前端面试题-nodejs

1.什么是nodejs，它与传统的网页服务器有什么不同？是什么？nodejs是基于ChromeV8引擎的JavaScript运行环境，它可以使JavaScript代码在服务器上运行。有什么不同？第一，nodejs采用事件驱动、非阻塞式I/O模型，让其轻量且高效。nodejs在处理大量并发连接时，能够保持高效的性能，因为它不会每个连接都创建新的线程，而是使用单线程处理请求。这种模式降低了系统的开销，
wyy爱学习·2024-01-16 23:33

前端面试题--TypeScript

1.TypeScript是什么，与JavaScript的关系ts是js的超集，是js更严格的严格版本。ts添加了静态类型系统和编译时的一些特性。主要的联系和区别：类型系统。js是动态类型的语言，不需要在代码中声明变量的类型；ts使用了静态类型系统，在代码中必须明确的声明所有变量的类型，这有利于发现错误，可使大型代码库更容易维护。编译。ts需要经过编译才可以在浏览器或node中运行，它需要先转换成j
wyy爱学习·2024-01-16 23:03

前端面试题-webpack

1.webpack是什么？模块打包工具，用于将前端资源，如JavaScript、css、图片等打包成可以在浏览器运行的静态资源。可以将多个模块打包成一个或多个bundle。主要功能：模块化：可以将多个模块打包成一个或多个bundle，方便管理维护。自动化：可以自动处理和编译JavaScript等文件，提高开发效率。性能优化：可压缩、去除无用代码等，提高网页加载速度。扩展性：可通过插件进行扩展，实现
wyy爱学习·2024-01-16 23:31

前端面试题之HTTP专题

本篇记录一些我秋招以来遇到的前端HTTP相关的的问题，因为不想只记住一些死答案，所以这里来梳理下整个的知识框架～前提背景：日常开发中，我们经常会使用到cookie、浏览器的缓存机制、各种形式的网络连接（比如Websocket），这些网络请求相关的场景都跟HTTP协议有密切的关系。使用HTTP的场景：当服务端建立起与客户端的TCP连接之后，服务端会持续监听客户端发起的请求。接下来，客户端将发起HTT
陈漂亮beauty·2024-01-16 21:37

前端面试题--vue2和vue3的区别

面试被问到：有了解过vue3吗？能说说vue2和vue3的区别吗？可以从如下角度回答（欢迎指正补充~）1.vue2和vue3双向数据绑定的原理vue2的双向数据绑定时通过Object.defineProperty（）对数据进行劫持，结合发布订阅者模式的方式实现的vue3发生了改变，使用Proxy替换object.defineProperty。优势在于可直接监听数组类型的数据变化性能的提升监听的目标
桃子学前端·2024-01-15 19:31

前端面试题-js基础-变量类型和计算-坐标南京

1.变量类型JS中使用typeof能判断哪些数据类型：能识别所有值类型（undefinedstringnumberbooleansymbol），能识别函数，可返回Function，能判断是否是引用类型（objectarraynull），但是全部判断为object。2.变量计算数据类型转换的场景：字符串拼接，==，if语句和逻辑运算0‘’undefinednullNaNfalse在数据类型转换时，都
没有节奏感滴银_805f·2024-01-15 16:08

js中的0.1+0.2等于多少?为什么不等于0.3?

（本文以JAVA面试为例）PS：这个问题是一个比较有名的前端面试题，但实际上不止是J
fury_123·2024-01-15 12:04

【2024前端面试题】看了这篇文章,保你找到工作

一、背景行业严峻的2023年结束时代，也迎来了紧张的2024年，大家都说2024年将会变得大不相同，将会是新的时代，也将会是两极分化的时代，好的更好，不好的一直走下坡路，大家都相信下一年会更好，不如更相信明天自己会更好，回归正题，说这个计算机行业，其实最近两年会发现，计算机行业的门槛只会越来越高，技能要求也会变得越来越严格，所以各厂在面试这个方面也是大有提升，你以为你会一点技术，就能上了，不不不，
双头雄狮·2024-01-15 12:56

前端面试题-vue篇

重点：答案不唯一啊，原本是整理给自己的目录1.你怎么理解vue？它是属于什么模式？3.vue响应式原理和双向绑定原理Object.defineProperty详解vue3.x中Proxy（代理）4.说一说你对vue响应式理解？5.讲一下vue框架的原理？6.虚拟DOM和diff算法7.说说你对虚拟DOM的理解？8.你了解diff算法吗？10.什么是vue生命周期11.vue的生命周期与不同阶段的作
_未知_开摆·2024-01-14 21:54

Web前端面试题学习：实现数字千分位用逗号分割

方法一：toLocaleString()vara=8462948.24;b.toLocaleString();//8,462,948.24方法二：使用正则表达式varnum=846294831;varreg=/\d{1,3}(?=(\d{3})+$)/g;(num+'').replace(reg,'$&,');匹配规则：正则表达式\d{1,3}(?=(\d{3})+$)表示前面有1~3个数字，后面
WYF·2024-01-14 10:37
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他