✿✿--前端面试题

第 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

2021腾讯、华为前端面试题集（基础篇）

Vue面试题生命周期函数面试题1.什么是vue生命周期2.vue生命周期的作用是什么3.第一次页面加载会触发哪几个钩子4.简述每个周期具体适合哪些场景5.created和mounted的区别6.vue获取数据在哪个周期函数7.请详细说下你对vue生命周期的理解？**vue路由面试题**1.mvvm框架是什么？2.vue-router是什么?它有哪些组件3.active-class是哪个组件的属性？
-恰饭第一名-·2024-01-13 07:44

WebSocket的11个面试常见知识点

前端面试题库（面试必备）推荐：★★★★★地址：前端面试题库前言WebSocket作为一种基于TCP协议的实时通信协议，为前端应用提供了强大的双向通信能力。
前端技术栈·2024-01-13 02:00

前端面试题集锦——HTML+CSS篇

前端面试题集锦——HTML篇1.你是怎么理解HTML语义化1、HTML的语义化就是从代码层次表达人的想法、思路，同时描绘出网站页面的结构，因为页面不止是给人看的，机器也要看。
捣蛋龙·2024-01-11 06:47

前端面试题集合三（js）

目录1.介绍js的基本数据类型。2.JavaScript有几种类型的值？你能画一下他们的内存图吗？3.什么是堆？什么是栈？它们之间有什么区别和联系？4.内部属性[[Class]]是什么？5.介绍js有哪些内置对象？6.undefined与undeclared的区别？7.null和undefined的区别？8.如何获取安全的undefined值？9.说几条写JavaScript的基本规范？10.Ja
啃火龙果的兔子·2024-01-10 18:08

前端面试题集合五（css）

CSS面试知识点总结本部分主要是笔者在复习CSS相关知识和一些相关面试题时所做的笔记，如果出现错误，希望大家指出！目录1.介绍一下标准的CSS的盒子模型？低版本IE的盒子模型有什么不同的？2.CSS选择符有哪些？3.::before和:after中双冒号和单冒号有什么区别？解释一下这2个伪元素的作用。4.伪类与伪元素的区别5.CSS中哪些属性可以继承？6.CSS优先级算法如何计算？7.关于伪类LV
啃火龙果的兔子·2024-01-10 10:01

前端面试题集合七（ES6、ES7、ES8、ES9、ES10、ES11、ES12）

ES6（2015）1.类（class）classMan{constructor(name){this.name='小豪';}console(){console.log(this.name);}}constman=newMan('小豪');man.console();//小豪2.模块化(ESModule)//模块A导出一个方法exportconstsub=(a,b)=>a+b;//模块B导入使用im
啃火龙果的兔子·2024-01-10 09:13

前端面试题集合四（html）

HTML面试知识点总结本部分主要是笔者在复习HTML相关知识和一些相关面试题时所做的笔记，如果出现错误，希望大家指出！目录1.DOCTYPE的作用是什么？2.标准模式与兼容模式各有什么区别？3.HTML5为什么只需要写，而不需要引入DTD？4.SGML、HTML、XML和XHTML的区别？5.DTD介绍6.行内元素定义7.块级元素定义8.行内元素与块级元素的区别？9.HTML5元素的分类10.空元
啃火龙果的兔子·2024-01-10 09:42

【前端面试题】每日一个前端面试专题

一、typeof与instanceof区别?如何instanceof的原理问题回答思路typeof和instanceof都可以检测数据类型，typeof检测如果是基本数据类型返回对应的结果。如果检测是对象的话，默认返回一个object，所以无法区分那种对象。typeof数据instanceof是用于判断指定的数据，是否满足和指定构造函数匹配，只要匹配就说明他是同一种数据类型，主要用于判断对象的类型
无处安放的波澜·2024-01-09 19:48

《前端面试题》- JS基础 - 如何在JS下实现lambda表达式

题目自己实现find方法，达到这样输出的效果//data参数vardata=[{userId:8,title:'title1'},{userId:11,title:'title2'},{userId:15,title:'title3'},];//调用find方法find(data).where(x=>x.userId>8).orderBy('userId','desc')//返回结果：[{"use
张中华·2024-01-06 20:53

前端面试题汇总(全网最全)1

CSS部分问题问题：CSS属性是否区分大小写？ul{MaRGin:10px;}答案：不区分。HTML和CSS都对大小写不敏感，但为了更好的可读性和团队协作，一般都使用小写。然而，在XHTML中，元素名称和属性必须使用小写。问题：行内元素（inline）设置margin-top和margin-bottom是否起作用？答案：不起作用。HTML中的元素分为替换元素（replacedelement）和非替
黑帽白客·2024-01-06 13:29

前端面试题汇总(全网最全)2

HTML部分问题Q:是正确的HTML5标签吗？A:是的。标签规定用于表单的密钥对生成器字段。当提交表单时，私钥存储在本地，公钥发送到服务器。这是HTML5的标签。Q:标签是否可以改变文本方向？A:是的。标签可以覆盖默认的文本方向。这是一些文本Q:下列HTML代码是否正确？Thisismyselfportrait.A:是的。标签规定独立的流内容（图像、图表、照片、代码等等）。figure元素的内容应
黑帽白客·2024-01-06 13:29

前端面试题汇总(全网最全)6

JS相关问题Q：什么是事件代理？A:事件代理是一种技术，当我们需要为多个元素添加事件时，我们可以将事件添加到它们的父节点上，然后通过父节点来触发处理函数。这种方法主要利用了浏览器的事件冒泡机制。vardelegate=function(client,clientMethod){returnfunction(){returnclientMethod.apply(client,arguments);}
黑帽白客·2024-01-06 13:29
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他