前端开发面试题和经验
文章平均质量分 88
分享一些本人遇到面试题目和分享面试经验
黛琳ghz
计算机软件专业博主,校专业第一,优秀毕业生,国家奖学金候选人,拥有二十余项校级奖项、多项省级奖项、软件著作权一项等等。从事软件开发行业,专注于软件开发学习,同时热爱人工智能、AIGC、云技术。作为一名CSDN的博主,获得有CSDN新星计划导师、CSDN实力新星、6月城市之星(广州)TOP 29、CSDN全栈领域新星创作者、CSDN前端领域优质创作者、2022年度博客之星前端领域TOP 8、2022年度博客之星TOP 95、CSDN第四届猿创征文优质博文奖(分数85第一)、以及多项优秀TOP博文、CSDN开源挑战赛优秀奖等等。同时还是华为云社区云享专家、阿里云社区专家博主,稀土掘金博主。
展开
-
程序员必须掌握哪些算法?——前端开发工程师需要掌握的算法
一个程序员一生中可能会邂逅各种各样的算法,但总有那么几种,是作为一个程序员一定会遇见且大概率需要掌握的算法。作为一名前端开发工程师,今天就通过这个话题和文章来聊聊前端开发工程师需要掌握的算法有哪些呢。原创 2023-07-09 07:30:00 · 1193 阅读 · 14 评论 -
JavaScript笔记——快速了解 ES6 新增字符串方法,开箱即用(含案例)
JavaScript 中文本表示文档的类型是 String,即字符串。当你使用 JavaScript 编程时,经常会处理字符串。ES6(ECMAScript 2015) 引入了许多新的字符串方法,使得字符串处理更加方便和强大。在本篇博客中,我们将介绍一些 ES6 新增的字符串方法,并提供示例代码来说明它们的用法。原创 2023-07-08 02:10:41 · 2196 阅读 · 8 评论 -
JavaScript笔记——快速了解 ES6 新增数组方法,开箱即用(含案例)
数组是 JavaScript 以及多数编程其他编程语言的一种基础数据类型。ES6 提供了许多新的数组方法,这篇文章将介绍其中一些常用的数组方法及其使用示例。原创 2023-06-14 07:30:00 · 1519 阅读 · 42 评论 -
蓝桥:前端开发笔面必刷题——Day3 数组(三)
这个系列的文章收纳的内容是来自于蓝桥云课的前端岗位笔面必刷题的内容,简介是:30天133题,本题单题目全部来自于近2年BAT等大厂前端笔面真题!因为部分题目是需要会员,所以该系列的文章内容并非完全全面(如果需要会员的题目,则从 leetcode 补充对应的题目,题目大概也是一样的考法)。文章中题目涉及的内容包括原题、答案和解析等等。原创 2023-05-20 01:22:31 · 1197 阅读 · 4 评论 -
蓝桥:前端开发笔面必刷题——Day2 数组(二)
这个系列的文章收纳的内容是来自于蓝桥云课的前端岗位笔面必刷题的内容,简介是:30天133题,本题单题目全部来自于近2年BAT等大厂前端笔面真题!因为部分题目是需要会员,所以该系列的文章内容并非完全全面(如果需要会员的题目,则从 leetcode 补充对应的题目,题目大概也是一样的考法)。文章中题目涉及的内容包括原题、答案和解析等等。原创 2023-05-18 02:08:56 · 801 阅读 · 3 评论 -
蓝桥:前端开发笔面必刷题——Day1 数组(一)
这个系列的文章收纳的内容是来自于蓝桥云课的前端岗位笔面必刷题的内容,简介是:30天133题,本题单题目全部来自于近2年BAT等大厂前端笔面真题!因为部分题目是需要会员,所以该系列的文章内容并非完全全面。文章中题目涉及的内容包括原题、答案和解析等等。原创 2023-05-17 02:06:47 · 794 阅读 · 5 评论 -
青训营 x 训练营结营测试题目(前端方向)
这篇文章的内容是23年6月青训营 x 训练营结营题目,题目一共有25题,题目类型为选择题,包括了单选题和多选题,题目的技术点包括了计算机网络、网络安全、shell 脚本、Linux、前端基础、前端框架。原创 2023-05-15 21:45:39 · 835 阅读 · 2 评论 -
深入与浅谈 Vue 中计算属性和侦听器的区别和使用(Vue3版本为例)
计算属性 computed 和侦听器 watch 都是 Vue.js 框架中用来响应式更新视图的重要概念。在 Vue 项目开发中,这两个技术点是非常重要的,同时也是 Vue 基础中不可缺少的知识点。在面试中,计算属性 computed 和侦听器 watch也是经常出现的考点,作为前端开发也是必须要掌握的。原创 2023-04-30 08:00:00 · 1771 阅读 · 13 评论 -
浅谈在 Vue2 和 Vue3 中计算属性和侦听器的一些变化
计算属性 computed 和侦听器 watch 都是 Vue.js 框架中用来响应式更新视图的重要概念。因此无论是在哪个版本,它们都是不可缺少的概念,这篇文章就不过多详细介绍计算属性和侦听器的概念和理论了,接下来主要谈谈 Vue2 和 Vue3 中计算属性和侦听器的语法变化和不同之处。原创 2023-04-25 21:10:18 · 1218 阅读 · 4 评论 -
1024程序员节|JavaScript代码之美——代码优化,减少if-else冗余的技巧
if-else 语句对于程序员来说,是非常非常熟悉的一个判断语句,我们在日常开发和学习中都经常看见它,if-else语句主要用于需要做出选择的地方进行判断,这里就不再赘述if-else语法和特点了。我们在写代码(如图下,是我以前写的计算器项目)或看项目的时候或多或少都接触过拥有大量if语句(简称“屎山”)的项目代码,多重嵌套的if-else在维护和修改的时候真的让人崩溃(特别是看被人的项目的时候),有时候一个 bug 排查下来,整个人都麻木了。原创 2022-10-24 22:34:17 · 4341 阅读 · 2 评论 -
浅理解 ES6 新增的数组方法Array.of() 和 Array.from()
在前端开发的面试过程中, ES6 新增是一个很常见的考点,比如说箭头函数、模板字符串、let 和 const 关键字、解构赋值、扩展运算符(…)、类、模块化、生成器、Promise、Map 和 Set 等特性。这篇文章我们一起来浅浅学习和理解下 ES6 新增的数组方法 Array.of() 和 Array.from() ,如二者的区别和用法。原创 2023-04-22 00:58:05 · 1172 阅读 · 1 评论 -
浅理解JavaScript数组去重的方法(划重点),当面试官问如何实现数组去重时,你可以这样做...
好久没写面试题的文章了,今天这篇文章讲一讲一个常见的面试题。在前端开发岗位的面试过程中,我们可能或多或少会提及数组这个知识点,对于数组的相关操作也是一个经常提及的技术点,其中数组去重是面试中非常常见的一个问题,无论是手写还是口述,我们都要有清晰的逻辑和思路去面对这个问题,因此这篇文章我们来浅理解在JavaScript中如何实现数组去重,让你在面试中无压力回答面试官。原创 2023-04-19 17:51:48 · 1098 阅读 · 1 评论 -
浅理解回调地狱并使用 Promise 解决此问题
好久没写面试题的文章了,今天这篇文章讲一讲我之前遇到一个面试题,当时在跟面试官聊了原型链、vue生命周期后,他问到了我什么是 Promise、然后又聊到了回调地狱,及其解决方法。当然了还有聊到async和await,这篇文章先不细聊async和await。在前端开发的面试中,异步编程是经常问到的知识点,所以Promise、async、await的等知识点要熟练掌握。原创 2023-04-04 02:41:29 · 1711 阅读 · 0 评论 -
浅理解扁平数据结构转Tree(树形结构)
在前端开发中,我们经常需要将扁平数据结构转换为树形结构(Tree)。比如在网站菜单、商品分类等场景下,都需要使用树形结构来实现数据的层级呈现。在本篇博客中,我将介绍一种常见的方法,使用递归方式来将扁平数据结构转换成树形结构。原创 2023-04-02 04:57:49 · 1385 阅读 · 0 评论 -
浅理解扩展运算符 ... 的使用
在 ES6(ECMAScript 2015)中,新增了扩展语法(Spread Syntax)运算符 …,也称作展开运算符。这个运算符可以让我们更方便地操作数组、对象和函数参数等多种数据类型。原创 2023-03-30 01:10:05 · 636 阅读 · 1 评论 -
在JavaScript开发中,关于var、let和const你需要知道这些
计算机编程中最基本的一个就是使用名字(或标识符)表示值。绑定名字和值为我们提供了一种引用值和在程序中使用值的方式,对于绑定名字和值,我们通常会说把值赋给变量。术语“变量”意味着可以为其赋予新值,也就是说与变量关联的值在程序运行时可能发生变化。如果把一个值永久地赋予给一个名字。那么可以称该名字为常量而不是变量。(来自犀牛书变量声明与赋值)原创 2023-03-29 14:18:58 · 2372 阅读 · 0 评论 -
什么是STAR原则?
所谓STAR原则,即 Situation(情景)、Task(任务)、Action(行动)和 Result(结果)四个英文单词的首字母组合。STAR原则是结构化面试当中非常重要的一个理论。原创 2023-02-16 21:23:29 · 12413 阅读 · 1 评论 -
关于递归和迭代的学习和了解
递归和迭代这个两个词对于学计算机的uu们一定不陌生,在算法的学习中也经常会遇到递归算法和迭代算法,二者容易混淆,那区别又是什么呢?关于递归和迭代的理解,我也遇到过类似的面试题,接下来我们学习了解一下递归和迭代吧。原创 2022-10-06 23:26:50 · 194 阅读 · 0 评论 -
前端开发面试题—JavaScript回调函数与异步编程
回调函数就是一个被作为参数传递的函数。如果你把函数的指针(地址)作为参数传递给另一个函数,当这个指针被用为调用它所指向的函数时,我们就说这是回调函数。回调函数不是由该函数的实现方直接调用,而是在特定的事件或条件发生时由另外的一方调用的,用于对该事件或条件进行响应。原创 2022-10-03 21:54:45 · 704 阅读 · 0 评论 -
前端开发面试题—JavaScript执行机制(同步与异步,补充:线程与进程)
所谓同步和异步:同步就是前一个任务执行完毕,才能继续执行下一个任务,程序的执行顺序与任务的排列顺序一致、同步的。异步是与同步相对的概念,就是在做一件事的同时,可以去处理其他事情。在我们学习的传统单线程编程中,程序的运行是同步的(同步不意味着所有步骤同时运行,而是指步骤在一个控制流序列中按顺序执行)。而异步的概念则是不保证同步的概念,也就是说,一个异步过程的执行将不再与原有的序列有顺序关系。简单来理解就是:同步按你的代码顺序执行,异步不按照代码顺序执行,异步的执行效率更高。原创 2022-10-02 04:16:44 · 1142 阅读 · 0 评论 -
前端开发面试题—JavaScript闭包
在JavaScript中,内嵌函数(即函数定义和函数表达式位于另一个函数的函数体内)可以访问定义在外层函数中的所有变量和函数,并包括其外层函数能访问的所有变量和函数。但是在函数外部则不能访问函数的内部变量和嵌套函数。此时就可以使用“闭包”来实现(当其中一个这样的内部函数在包含它们的外部函数之外被调用时,就会形成闭包)。原创 2022-10-01 07:30:00 · 646 阅读 · 0 评论 -
前端开发面试题—JavaScript事件
JavaScript 使我们有能力创建动态页面。事件是可以被 JavaScript 侦测到的行为,是一种“触发-响应”的机制。网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。比方说,我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。事件在 HTML 页面中定义。原创 2022-09-15 01:55:44 · 284 阅读 · 0 评论 -
前端开发面试题—HTML5新增元素
概念:HTML5是Web中核心语言HTML的规范,用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的,在浏览器中通过一些技术处理将其转换成为了可识别的信息。HTML5在从前HTML4.01的基础上进行了一定的改进,虽然技术人员在开发过程中可能不会将这些新技术投入应用,但是对于该种技术的新特性,网站开发技术人员是必须要有所了解的。原创 2022-09-06 22:26:48 · 887 阅读 · 1 评论 -
前端开发面试题—CSS盒子模型
盒子模型是CSS中较为重要的核心概念之一,它是使用CSS控制页面元素外观和位置的基础。所有HTML元素可以看作是一个盒子(特别是块级元素),在CSS中,"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:内容(content)、内边距(padding)、边框(border)、外边距(margin)。盒子模型允许我们在其它元素和周围元素边框之间的空间放置元素。原创 2022-09-05 23:59:13 · 1725 阅读 · 0 评论 -
前端开发面试题—CSS3新增特性
CSS3是CSS(层叠样式表)技术的升级版本,在CSS2.1的基础上增加了很多强大的新功能,以帮助开发人员解决一些实际面临的问题。使用CSS3不仅可以设计炫酷美观的网页,还能提高网页性能。CSS3的新特征有很多,例如圆角效果、图形化边界、块阴影与文字阴影、使用RGBA实现透明效果、渐变效果、使用@Font-Face实现定制字体、多背景图、文字或图像的变形处理(旋转、缩放、倾斜、移动)、多栏布局、媒体查询等。...............原创 2022-09-01 01:32:45 · 1597 阅读 · 1 评论 -
前端开发面试题—CSS清除浮动的方法
首先我们要知道CSS浮动布局是使用的float属性来设置的,CSS的float属性将元素放在其容器的左侧或右侧,允许文本和内联元素环绕它。该元素将从页面的正常流中删除,但仍保留为流的一部分。(与绝对定位相反,绝对定位的元素忽略float属性).........原创 2022-08-29 15:42:20 · 721 阅读 · 0 评论 -
前端开发面试题—JavaScript循环语句
在程序中,一组被重复执行的语句称为循环体,能否重复执行,取决于循环的终止条件。由循环体及循环的终止条件组成的语句称为循环语句。我们在理解条件语句的时候,我们可以想象JavaScript解释器在源代码中会经过不同的路径,而循环语句则是把这些路径弯曲又回到起点,以重复执行代码中的某些部分。在JavaScript中有五种循环语句:for语句、while语句、do/while语句、for/of语句(及其变体for/await语句)和for/in语句。原创 2022-08-24 16:56:38 · 691 阅读 · 2 评论 -
前端开发面试题—Vue的生命周期
今天分享一下我遇到很多次的前端面试题,就是Vue的生命周期,比如说问生命周期的过程有多少种钩子函数,分析解释一下生命周期过程中每个钩子函数都做了什么。原创 2022-08-22 00:59:57 · 1235 阅读 · 0 评论 -
前端开发面试题—HTML5应用程序缓存 (离线存储)
今天分享一下我遇到的前端面试题,什么是HTML5应用程序缓存 (离线存储)?原创 2022-08-19 22:49:50 · 461 阅读 · 0 评论 -
前端开发面试题—JavaScript冒泡排序
今天分享一下我遇到的一个关于JavaScript冒泡排序的面试题,题目是笔试题目,要求用JavaScript手写一个冒泡排序,倒序输出新的数组。其实难度不大,就是太久没手写代码在纸上了,感觉有点奇怪(¬_¬ )...原创 2022-08-15 03:13:20 · 555 阅读 · 0 评论 -
前端开发面试题—JavaScript原型链
在JavaScript面向对象中,原型链是一个很重要的知识点,经常出现在大大小小的面试题中,关于原型链的面试题有很多问法和知识点。今天主要分享一下我遇到的一个关于原型链的面试题。问题很简单,什么是原型链?(⊙_⊙;)........................原创 2022-08-14 02:50:39 · 1769 阅读 · 0 评论