前端面试

前端面试题总结——JS篇

一、说说JavaScript中的数据类型？存储上有什么差别？1、数据类型基本类型number：数值类型十进制：letintNum=55八进制（零开头）：letnum1=070十六进制（0x开头）：lethexNum1=0xANaN：特殊数值，意为“不是数值”string：字符串类型boolean：布尔值，true或falseundefined：表示未定义null：空值symbol：是原始值，且符号
又又呢·2025-07-12 09:34

前端面试题——5.AjAX的缺点？

①传统的web交互是：用户一个网页动作，就会发送一个http请求到服务器，服务器处理完该请求再返回一个完整的HTML页面，客户端再重新加载，这样极大地浪费了带宽。②AJAX的出现解决了这个问题，它只会向服务器请求用户所需要的数据，并在客户端采用JavaScript处理返回的数据，操作DOM更新页面。③AJXA优点：无刷新更新页面异步服务器通信前端后端负载均衡④AJAX缺点：干掉了Back和Hist
浅端·2025-07-12 09:02

2023高薪前端面试题（二、前端核心——Ajax）

原生AjaxAjax简介Ajax全程为AsynchronousJavaScript+XML，就是异步的JS和XML通过AJAX可以在浏览器中向服务器发送异步请求，最大的优势是：无刷新获取数据，实现局部刷新Ajax是一种用于创建快速动态网页的技术AJAX不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式Ajax的应用场景页面上拉加载更多数据列表数据无刷新分页表单项离开焦点数据验证搜索框提示
·2025-07-12 09:00

前端面试题——手写实现 ajax

凡是和后台有过数据交互的小伙伴肯定都接触过ajax.我们可以通过ajax来实现页面的无刷新请求数据，这样就能在保证良好用户体验的同时，将更多的内容展示给用户ajax在我们的开发工作中已经司空见惯，几乎所有我们频繁使用的库和框架都提供了经过完善封装后的ajax方法，如jQuery、zepto、angular等等，这使得我们的数据请求变得异常简洁明了但是这也带来了很明显的缺陷，就是我们知道如何去使用封
阿水爱踢中锋·2025-07-12 09:59

《前端面试全家桶，从求职准备到面试演练 2024升级TS》课程笔记

第2章【第一阶段】高效准备前端技术一面：第一阶段介绍——说说面试的那些事儿2-3先来体验几个面试题typeof能判断哪些类型？何时使用===何时使用==window.onload和DOMContentLoaded的区别？JS创建10个标签，点击的时候弹出对应的序号手写节流throttle、防抖debouncePromise解决了什么问题？思考：拿到一个面试题，你第一时间看到的是什么？如何看待网上搜
半藏森林_·2025-07-12 01:32

2024 web 前端面试总结（春招）

关于基础我一直认为基础都是最重要的，在掘金上面加了个前端的小册群，群里面大多数应该是工作了的人，前两天有人在群里问了下面这道题varvalue=1varfoo={value:2,bar:function(){returnthis.value}}console.log((foo.bar)())然后有的说自执行函数，还有人说为什么不是undefined，为什么不是1，其实就是个很简单的隐式绑定。怎么说
2401_84413092·2025-07-12 00:02

前端面试Javascript手撕题目回顾

在前端面试中，“手撕代码”环节是考察候选人编程能力和思维逻辑的重要部分。以下是一些常见的手撕代码题目及详细解答：1.实现数组扁平化（FlattenArray）将多维数组转换为一维数组。
·2025-07-11 14:22

Vue前端面试常问问题详解

在Vue面试中，面试官通常会考察候选人对Vue核心概念、原理和实践的理解。以下是一些常见的Vue面试问题及详细解答：1.Vue的响应式原理是什么？Vue的响应式系统基于**Object.defineProperty()**实现（Vue2.x），核心原理如下：当一个Vue实例创建时，Vue会遍历data选项中的所有属性，使用Object.defineProperty()将这些属性转换为getter/
GISer_Jinger·2025-07-11 14:20

前端面试的话术集锦第 25 篇博文——CSS面试题上

这是记录前端面试的话术集锦第二十五篇博文——CSS面试题上，我会不断更新该博文。❗❗❗1.介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？
互联网全栈开发实战·2025-07-10 13:07

前端面试专栏-算法篇：20. 贪心算法与动态规划入门

欢迎来到前端面试通关指南专栏！从js精讲到框架到实战，渐进系统化学习，坚持解锁新技能，祝你轻松拿下心仪offer。
·2025-07-10 02:54

Session：在多个请求之间跟踪用户状态

前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》、《前端求职突破计划》蓝桥云课签约作者
·2025-07-09 10:39

CORS（跨域资源共享）：跨域请求的解决方案

前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》、《前端求职突破计划》蓝桥云课签约作者
阿珊和她的猫·2025-07-09 10:39

前端面试题集锦（5）

目录1、Promsie.all()使用过吗,它是怎么使用的?2、forin和forof循环的区别?3、什么是事件流以及事件流的传播机制?4、token一般存放在哪里?为什么不存放在cookie内?5、数组方法forEach和map的区别?6、ES6中Set和Map的区别?7、0.1+0.2为什么不等于0.3,在项目中遇到要怎么处理?8、什么是模块化思想?9、说说怎么用js写无缝轮播图10、闭包的使
·2025-07-08 12:20

Javascript基础内容回顾—变量提升、事件循环和闭包等内容

以下是前端面试中JavaScript基础易错问题的详解，结合常见考点和易混淆概念进行解析：⚠️一、变量作用域与提升varvslet/const◦变量提升：var声明的变量会提升到作用域顶部（值为undefined
GISer_Jinger·2025-07-08 05:57

七牛云前端面试题及参考答案 （上）

目录基本数据类型有哪些？typeofnull的结果是什么？null和undefined的区别是什么？let关键字的特点有哪些？this指向的规则是什么？箭头函数中this指向哪里？如何实现JavaScript的深拷贝和浅拷贝？数组去重的常见方法（手写代码）数组扁平化（手写，不能使用flat(Infinity)）forEach和map方法的区别是什么？闭包的应用场景：实现链式加法add(1)(2)(
大模型大数据攻城狮·2025-07-07 22:30

前端面试题整理-场景设计题

1.如何使用css画一个三角形借助border实现，在width和height都为0时，设置border，便会呈现三角形。想要哪个方向的三角形，设置其他三边为透明即可。同时，可以通过调整不同边的宽度，来调整三角形的高度和宽度。三角符号/*记忆口诀：盒子宽高均为零，三面边框皆透明。*/div:after{position:absolute;width:0;height:0;content:"";bo
C_greenbird·2025-07-02 13:17

【手写前端面试题01】防抖和节流

《手写防抖和节流：从“打工人”到“时间管理大师”》一、本质理解（别被术语吓到）防抖（debounce）是什么？玩游戏看60秒广告只需要完整看一次就行了，退出去一次重新60秒，别一直退✅核心思想：在事件被触发后，等待一段时间，如果这段时间内没有再次触发，才执行。节流（throttle）又是什么？闪现CD：不管多急，都要等冷却好才能再次使用✅核心思想：多次触发→只按固定频率执行，在一定时间内只允许执行
全栈前端老曹·2025-07-02 12:36

uni-app subPackages 分包加载：优化应用性能的利器

前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》、《前端求职突破计划》蓝桥云课签约作者
阿珊和她的猫·2025-07-01 11:10

FlatBuffers（概念、原理及优势、在TS中的使用）

个人简介个人主页：前端杂货铺‍♂️学习方向：主攻前端方向，正逐渐往全干发展个人状态：研发工程师，现效力于中国工业软件事业人生格言：积跬步至千里，积小流成江海推荐学习：前端面试宝典100个小功能Vue2Vue3Vue2
前端杂货铺·2025-06-30 17:42

前端面试题

前端面试题：一个200*200的div在不同分辨率屏幕上下左右居中，用css实现div{position:absolute;width:200px;height:200px;top:50%;left:50%
被诅咒的猫·2025-06-30 05:51

`customRef` 在实战中的使用：防抖、计算属性缓存和异步数据获取

前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》、《前端求职突破计划》蓝桥云课签约作者
阿珊和她的猫·2025-06-27 04:27

响应式数据的判断：Vue3中的方法

前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》、《前端求职突破计划》蓝桥云课签约作者
阿珊和她的猫·2025-06-27 02:14

前端面试专栏-主流框架：13.vue3组件通信与生命周期

欢迎来到前端面试通关指南专栏！从js精讲到框架到实战，渐进系统化学习，坚持解锁新技能，祝你轻松拿下心仪offer。
爱分享的程序员·2025-06-27 00:57

前端面试专栏-主流框架：12. Vue3响应式原理与API

欢迎来到前端面试通关指南专栏！从js精讲到框架到实战，渐进系统化学习，坚持解锁新技能，祝你轻松拿下心仪offer。
爱分享的程序员·2025-06-25 21:49

创建 uni-app 项目与运行项目

前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》、《前端求职突破计划》蓝桥云课签约作者
阿珊和她的猫·2025-06-25 09:31

第一次前端面试记录

第一次前端面试记录应聘职位：互联网前端开发工程师面试方式：电话应聘企业：某电子信息产业集团公司面试流程：简历投递英语面试就是在微信“闪面”小程序和机器人对话，录制你的对话，一共两个问题，每个问题都有三次机会可以重新录制
Daisuki_·2025-06-24 13:33

百度前端面试记录

刚去就感觉百度的人都特别好，对人好，照顾周到，虽然整体流程不如阿里那么高大上（比如叫号码牌，二维码扫描。。。），但氛围绝对吸引人。先找空闲的面试官，一面面试官ok我选了一个看起来不会为难人的，O(∩_∩)O哈哈哈~面试时间最长了，感觉对我实习公司的项目很感兴趣，然后就一直追着问，记住一定要让面试官抓住一点觉得很欣赏你的这种技术或者思路和做法。然后给我出了个冒泡排序，我在那写，他给我写评语，写完后他
若寒hqq·2025-06-24 13:03

前端面试通关指南专栏规划目录

一.专栏简介《前端面试通关指南》专栏系统整理前端核心知识体系，包含JavaScript深度解析、浏览器原理、React/Vue框架技术、算法数据结构等核心内容。
爱分享的程序员·2025-06-24 05:06

前端面试十之vuex

Vuex是一个专为Vue.js应用程序设计的状态管理模式和库，它集中管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。以下是关于Vuex的详细介绍：1.核心概念State（状态）它是Vuex中存储状态的地方，类似于普通Vue组件的data选项。所有组件的状态都存储在Vuex的state中，组件通过mapState或直接从Vuex中读取状态。conststore=newVu
闲蛋小超人笑嘻嘻·2025-06-23 07:45

自定义 Hook：在 Vue3 中复用逻辑

前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》、《前端求职突破计划》蓝桥云课签约作者
阿珊和她的猫·2025-06-22 20:58

`readonly` 与 `shallowReadonly`：Vue3 中的只读响应式对象

前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》、《前端求职突破计划》蓝桥云课签约作者
阿珊和她的猫·2025-06-22 20:58

【经典前端面试题】如何实现大文件分片上传

前言相信各位在前端面试的时候都经常被问到“如何实现大文件分片上传”，甚至还有在线的coding编程题，希望面试的人手动实现一个大文件上传的demo。
啊儿法·2025-06-19 19:54

每天一个前端小知识 Day 4 - TypeScript 核心类型系统与实践

TypeScript核心类型系统与实践1.为什么前端面试中越来越重视TypeScript？
蓝婷儿·2025-06-19 04:37

前端面试项目拷打

Axios相关1.在Axios二次封装时，具体封装了哪些内容，如何处理请求拦截和响应拦截？axios二次封装的目的：为了统一处理请求和响应拦截器、错误处理、请求超时、请求头配置等，提高代码可维护性和复用性。首先创建axios实例，配置基础的URL和请求超时时间。请求拦截器：用于在发送请求之前进行一些预处理，像，检查本地存储中是否存在token，当前请求的URL是否在白名单中，如果token存在且U
Nueuis·2025-06-18 18:29

2022最全前端面试题（持续更新）

css部分如何水平垂直居中一个盒子？已知高度可以使用line-height等于高度实现垂直居中；使用text-align:center实现水平居中display:flex;align-items:center;justify-content:center;绝对定位的话，给父元素设置定位属性relative，子元素设置absolute，然后设置子元素top:0;left:0;right:0;bott
PiJunJia·2025-06-17 07:30

前端面试专栏-主流框架：8.React Hooks原理与使用规范

欢迎来到前端面试通关指南专栏！从js精讲到框架到实战，渐进系统化学习，坚持解锁新技能，祝您轻松拿下心仪offer。
爱分享的程序员·2025-06-16 01:43

前端面试专栏-基础篇：6. 跨域方案全对比（CORS/JSONP/Nginx）与安全攻防

跨域方案全对比（CORS/JSONP/Nginx）与安全攻防在现代Web开发中，前后端分离架构已成为主流。但这种模式下，跨域问题频频出现，严重阻碍数据交互。浏览器的同源策略为用户筑起安全防线，却也给开发带来挑战。当协议、域名或端口不同时，浏览器会阻断跨域请求。本文将深入剖析CORS、JSONP、Nginx反向代理这三种常见跨域方案，并探讨相关安全攻防策略。一、跨域原理：同源策略详解同源策略（Sam
爱分享的程序员·2025-06-13 21:54

`toRefs` 函数的使用：将响应式对象转换为普通对象

前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》、《前端求职突破计划》蓝桥云课签约作者
阿珊和她的猫·2025-06-13 12:20

前端面试宝典---事件循环面试题

浏览器进程模型与JavaScript执行机制现代浏览器采用多进程架构，包含浏览器进程、渲染进程、网络进程等多个核心进程。每个标签页会独立创建一个渲染进程，负责页面内容的解析、渲染和执行脚本代码。JavaScript的单线程特性JavaScript采用单线程执行模型，其主线程同时承担两个关键职责：GUI渲染线程：处理HTML/CSS解析、样式计算、布局绘制（每秒60帧渲染）JS引擎线程：执行全局代码
Attacking-Coder·2025-06-12 18:42

前端面试六之axios

一、axios简介Axios是一个基于Promise的HTTP客户端，用于浏览器和Node.js环境。在浏览器端，Axios的底层实现是基于原生的XMLHttpRequest（XHR）。它对XHR进行了封装，增加了Promise支持、自动转换JSON数据、请求和响应拦截器等功能。在Node.js环境中，Axios使用http模块来发起请求。1.1XHR、FetchAPI和Axios的区别1.XML
闲蛋小超人笑嘻嘻·2025-06-12 06:13

【前端知识之Vue】对Vue.observable的了解

前言本系列主要整理前端面试中需要掌握的知识点。本节介绍对Vue.observable的了解。
饭啊饭°·2025-06-12 03:02

【前端面试题】：JavaScript篇

conststr="Hello,World!";console.log(str.replace("World","Universe"));//输出'Hello,Universe!'split(separator[,limit])：使用指定的分隔符将字符串分割成子串数组。conststr="apple,banana,orange";console.log(str.split(","));//输出['
2401_84433769·2025-06-11 22:19

前端面试题：如果列表渲染几十万条数据，页面卡顿怎么办？你会用什么实际方案来优化

如果列表渲染几十万条数据，页面卡顿怎么办？你会用什么实际方案来优化这种情况其实很常见，直接把几十万条数据全部渲染到DOM上肯定是会卡死页面的。我的解决思路一般分两步：第一步：只渲染可视区域的数据（虚拟列表/虚拟滚动）我通常会用虚拟列表方案，也叫虚拟滚动。比如element-plus里的ElVirtualList或者第三方库likevue-virtual-scroll-list、react-wind
野盒子·2025-06-10 08:21

Vue3 介绍和创建项目：从零开始构建现代 Web 应用程序

前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》、《前端求职突破计划》蓝桥云课签约作者
阿珊和她的猫·2025-06-10 00:22

前端面试题24（css3）

下面是一些常见的CSS3面试题，这些问题可以帮助你评估应聘者对CSS3的掌握程度：1.解释CSS3中的动画关键帧（@keyframes）和它们是如何工作的？回答要点：@keyframes规则用于创建动画，它可以定义动画的不同阶段（关键帧），并在这些阶段之间自动过渡。使用@keyframes定义的动画可以通过animation属性应用到元素上，控制动画的持续时间、速度曲线和延迟等。2.请解释CSS3
GIS-CL·2025-06-07 13:07

《前端面试题：CSS的display属性》

CSSdisplay属性完全指南：深入理解布局核心属性掌握display属性是CSS布局的基石，也是前端面试必考知识点一、display属性概述：布局的核心控制display属性是CSS中最重要、最基础的属性之一
站在风口的猪1108·2025-06-07 13:35

前端面试题之ES6保姆级教程

ES6核心特性深度解析：现代JavaScript开发基石2015年发布的ECMAScript2015（ES6）彻底改变了JavaScript的编程范式，本文将全面剖析其核心特性及最佳实践一、ES6简介与背景ECMAScript6.0（简称ES6）是JavaScript语言的下一代标准，于2015年6月正式发布。ECMAScript和JavaScript本质上是同一种语言，前者是后者的规格标准，后者
前端小崔·2025-06-07 12:34

前端面试题：H5新增特性？CSS3新增特性？

一、H5新增特性1、拖拽释放(Drapanddrop)APIondrop拖放是一种常见的特性，即抓取对象以后拖到另一个位置在HTML5中，拖放是标准的一部分，任何元素都能够拖放2、画布canvas；getContext()方法返回一个用于在画布上绘图的环境Canvas.getContext(contextID)参数contextID指定了您想要在画布上绘制的类型。当前唯一的合法值是“2d”，它指定
LXQ（理性版）·2025-06-07 12:34

前端面试题总结——ES6篇

一、说说var、let、const之间的区别？1、var在ES5中，顶层对象的属性和全局变量是等价的，用var声明的变量既是全局变量，也是顶层变量注意：顶层对象，在浏览器中指window对象，在Node指的是globa了对象vara=10;console.log(window.a);//101）使用var声明的变量存在变量提升的情况，例子：变量已声明，还未赋值console.log(a);//un
又又呢·2025-06-06 12:16

前端面试准备-7

1.定义class的实现//定义classclassPerson{//公有属性nameage=18//构造函数constructor(name){//构造函数内部的this实例化对象this.name=name//动态添加属性（不推荐）this.food=['','','']}//公有方法sayHi(){console.log('你好:'+this.name)}}constp=newPerson(
_r0bin_·2025-06-06 12:13
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他