自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

web全栈开发的博客

一个有故事的程序员,公号:前端面试题库MST,博客:https://mp.weixin.qq.com/s/GWWBm99rjWBcsgIGXyBwig

  • 博客(984)
  • 资源 (4)
  • 收藏
  • 关注

原创 input 输入 限制 大全

1、只能输入数字<el-input onkeyup="value=value.replace(/[^\d]/g,'')"></el-input>收集中…

2020-11-30 15:58:18 7009 9

原创 2022前端面试笔试题及答案

更多面试题已在小程序更新WX搜索 【MST题库】小程序查看css的重绘与回流重绘:当节点需要更改外观而不会影响布局。回流:DOM结构的修改引发DOM几何尺寸变化的时候,发生回流。常见的几何属性有width、height、padding、margin、left、top、border 或者是DOM节点发生增减移动。减少重绘和回流的办法。使用css3新增属性:translate替代top等方向值。避免频繁使用style,而是采用class。箭头函数和普通函数的区别是什么?普通函数this

2020-07-24 09:49:47 21049

原创 2022新前端面试题(中高级)

前言关于前端面试,及面试题目,我之前有很多文章总结过,可以在右侧搜索面试,进行查找。其实面试中可以问的问题很多,最近几年,我也面试过很多工作2-4年的前端,我一般会抓住他们做的项目,进行更详细的追问。所以,初中级前端面试的时候,除了掌握基础知识之外,项目中用到的技术要理清楚,假如你项目中用到的技术,问的时候却一问三不知,那么,基本上就会pass掉了。针对比较资深或者高级的前端面试,可能和初中级面试会有些不一样,当然,针对资深的前端,可能聊得东西更深,更广一些!这篇文章简单聊聊针对中高级前端我们要聊的话题。

2020-05-19 15:09:35 17065 2

原创 2022最新前端经典面试试题

1,阐述清楚浮动的几种方式(常见问题)(1)父级div定义 height原理:父级div手动定义height,就解决了父级div无法自动获取到高度的问题。 优点:简单、代码少、容易掌握 缺点:只适合高度固定的布局,要给出精确的高度,如果高度和父级div不一样时,会产生问题(2)父级div定义 overflow:hidden原理:必须定义width或zoom:1,同时不能定义heigh...

2019-12-17 17:35:56 30959 21

原创 前端项目如何准确预估个人工时

可能有同学觉得自己就是个小码农甚至因为自己是外包,不敢发表自己的想法和见解,其实大可不必,只要你就事论事,有理有据,完全可以大方说出来,你不说出来,你永远只能从自己的角度看这个问题,你无法确认自己是对的还是错的。其实大方的承认即可,有问题,那就暴露问题,如果项目组其他成员会,那就让他来教你,这也属于沟通协作。从界面看,这里有6列,checkbox列和序号列,是分页表格组件实现的,无需再算工时,除操作列和创建时间外,其他都属于普通列算20分钟每列,创建时间列算40分钟,因此总共100分钟。

2024-02-19 14:39:39 1117

原创 未来10年(到2035年)前端发展趋势的预测

在未来10年间, 程序员会逐渐分层为两类:名校背景的高材生会在大厂,走当前我们熟知的职业发展路径中小企业由于自身降本增效的考虑,会提供大量难度不高的定制化需求对于前者,需要掌握单一领域的专精技能。对于后者,掌握伪全栈技能的前端即可胜任。对于当前还在纠结要不要刷算法、背面经进大厂的前端同学来说,如果你自认不是程序员中最优秀的那一茬,可以早些转型发展伪全栈技能,未来会有很多中小厂需求等着你。图像 小部件。

2024-02-19 14:33:51 959

原创 2023年底前端面试找工作感受

经过这次的裸辞找工作的经历,也是让自己更加的体会到一个道理:不要裸辞!不要裸辞!不要裸辞!裸辞的话,很容易被公司和hr拿捏。第二个就是前端也不要只关心业务,更要关心面试!!!!能不能拿高工资真的很看面试(很生气但是没办法)。最后,楼主我也只是个比较普通的前端开发吧,能做的也是把自己比较普通的经历分享出来。很多大佬勿喷啊,我知道很多大佬都是月薪2/3w的,我自己也是没有比大佬研究的更多,也比不上大佬的薪资待遇,但是我自己来说的话,就是不要太落后就可以,

2024-02-19 14:29:40 659

转载 啊?你今天上班啦?别慌,2024还有这些假期!

今天开始上班是啥感觉啊???初九早八开工心情怎样??唉此刻俺只想大声说再续8天!!!咳咳,别急春节假期后今年还有一大波假期呢!2024假期攻略收好哦↓↓↓‍‍清明节:4月4日至6日放假调休,共3天。4月7日(星期日)上班。劳动节:5月1日至5日放假调休,共5天。4月28日(星期日)、5月11日(星期六)上班。端午节:6月10日放假,与周末连休。中秋节:9月15日至17日放假调休,共3天。9月14日...

2024-02-18 13:52:02 14

原创 面试:问js的forEach和map的区别

为什么要写这么一篇文章,原因是今天下午水群的时候,有个小伙伴分享自己的面试题,其中一个是foreach和map的区别,其实是蛮简单,蛮基础的一道题,但是他是这么回答的一个会改变原数组,一个不会我当场就懵了,我以为是整活,谁知道是认真的,并且给我发了一篇文章我看完更蚌埠住了,那么多对的文章,你偏偏挑个错的然后我发现,真的很多人都这么认为的,那这真的是一件很可怕的事情,明明你自己试一下就知道了,甚至有不少文章都是这么写的,但是我也看到了不错的文章,写的已经不错了。

2024-01-29 17:37:02 709

原创 如何优雅的使用 if else

作为一个程序员在开发中if else判断在代码中是必不可少的,但是if else判断使用多了嵌套多了不利于代码维护,看起来也头疼难以理解,接下来以为大家介绍一下我是怎么避免过多冗余的if else嵌套的。

2024-01-22 19:23:01 932

原创 数组去重你想到几种办法呢?

对于数组的去重,当我们能在面试中说到这个多方法的话,这道面试题也就过了,虽然这道面试不难,但如果我们想要想到这个多方法的话,还是需要许多知识储备的。

2024-01-22 19:15:51 998

原创 面试被问到扁平数据结构转Tree这个问题怎么办?

目前为止,我已经介绍了对扁平数据结构转换为树形数据结构的代码进行优化的五个步骤。如果你有其他的优化思路,可以继续进行优化,比如利用 JavaScript 的并发机制来提高代码性能。但是,一般来说,上述的优化已经足够将代码性能提升到很高的水平。

2024-01-22 19:13:38 874

原创 使 a === 1 && a === 2 && a === 3 为 true 的几种“下毒“方法

这算得上是近些年的前端网红题了,曾经对这种网红题非常抵触,认为非常没有意义。看到了不少人有做分享,有各种各样的方案,有涉及到 JS 非常基础的知识点,也不得不感叹解题者的脑洞之大。但是,拿来做面试题为难没有看过的面试者,就非常非常不地道了。这边汇总了二个针对原题的解法:通过使用和利用变量名称的规则的方法;以及对它的变种题目:通过对象类型转化时默认调用valueOf函数的机制。这道题至少也算给我们带来了三个 JS 基础知识点,好了,你(这道题)可以毒发身亡了。前端面试题库 (

2024-01-20 17:52:02 1016

转载 字节面试官问:你能不能实现把对象解构到数组上?

前言本文主要介绍 ES6 的 Iterator, Iterator 可以说在ES6中非常重要!是面试官经常会被问到的问题!坚持看到最后哟,后面才是重头戏!一、for...of在进入正题之前,我们先来了解下for...of循环的一些特性,它是ES6的标准,作为遍历所有数据结构的统一的方法。1.遍历数组返回的是元素const arr=[1,2,3,4]for(let item of arr){ ...

2024-01-20 11:51:08 36

原创 如何实现 H5 秒开?

Gahing:我们先说回答方式,你有没有发现,你回答时容易遗漏和重复。比如说「图片懒加载」,你归到了「图片优化」,但其实也可以归到「加载优化」。同时你还漏了很多重要的优化手段,比如资源缓存、服务端渲染等等。究其原因应该是缺少抽象分类方法。那针对这个问题,应该如何分类回答?Gahing:分类并非唯一,可以有不同角度,但都需遵从。

2024-01-17 18:06:03 1027

原创 别再抱怨后端一次性传给你 1w 条数据了,几行代码教会你虚拟滚动!

如果后端一次性传给你 1 万条数据,该怎么办,当然是让他圆润的走开,哈哈,开个玩笑。虽然这种情况很少,不过我在实际开发中还真遇到了类似的情况,接下来我将基于 vue3 实现一个简单的虚拟滚动。我们都知道,如果一次性展示所有的数据,那么会造成页面卡顿,虚拟滚动的原理就是将数据根据滚动条的位置进行动态截取,只渲染可视区域的数据,这样浏览器的性能就会大大提升,废话不多说,我们开始。

2024-01-15 18:59:55 346

原创 20 个超级有用的 JavaScript 技巧,让你的工作更轻松

在其他语言中,此功能被制成可以在数组上调用的方法或函数,但在 JavaScript 中,你必须自己做一些工作。

2024-01-15 18:50:19 888

转载 2024最新红包封面,免费领!

刘亦菲红包封面神仙姐姐刘亦菲和金典联名款,该款红包封面分两个时间点发放。分别是:1月15日 下午14:00点,和1月15日 晚上18:00点,限量派送,先到先得。青竹、龙龙两款红包封面青竹、龙龙两款红包封面同时发放,时间为1月15日20:00点限量发放,数量有限,先到先得!谢霆锋虞书欣龙年3款红包封面这3款红包封面之前给大家分享过,不过我刚才试了一下目前还可以领。如果显示已经被领完,也不要着急,晚...

2024-01-15 11:30:16 53

转载 微信红包封面 刘亦菲红包封面【1】

刘亦菲红包封面【领取方法】⬇️识别封面图词领取⬇️速领

2024-01-15 11:30:16 61

原创 WebSocket的11个面试常见知识点

WebSocket 作为一种基于 TCP 协议的实时通信协议,为前端应用提供了强大的双向通信能力。本文将深入探讨前端 WebSocket 的相关问题,包括协议区别、用法、关键技术点等。

2024-01-12 18:08:26 855

原创 JavaScript函数实现将JSON转换为URL参数:

这个函数将会把传入的JSON对象转换为URL参数的格式。

2024-01-10 18:13:49 363

原创 九个超级好用的 Javascript 技巧

在实际的开发工作过程中,积累了一些常见又超级好用的 Javascript 技巧和代码片段,包括整理的其他大神的 JS 使用技巧,今天筛选了 9 个,以供大家参考。

2024-01-10 18:11:43 906

原创 JavaScript不常见但好用的运算符

!&&||但以上都不是本文要说的内容,本文要说的是另外几种。

2024-01-08 09:26:04 854

原创 京东一面:post为什么会发送两次请求?

同源策略是一个重要的安全策略,它用于限制一个源的文档或者它加载的脚本如何能与另一个源的资源进行交互。如果两个 URL 的协议、主机和端口都相同,我们就称这两个 URL 同源。协议:协议是定义了数据如何在计算机内和之间进行交换的规则的系统,例如 HTTP、HTTPS。主机:是已连接到一个计算机网络的一台电子计算机或其他设备。网络主机可以向网络上的用户或其他节点提供信息资源、服务和应用。使用 TCP/IP 协议族参与网络的计算机也可称为 IP 主机。

2024-01-08 09:24:20 915

原创 广州如何公交车到哪里了 - 车主指南

公交车是市区交通的重要组成部分,方便了人们出行。但有时候,我们可能会因为种种原因不知道公交车到哪里了,这时候就需要一些方法来查看公交车的行车路线和到站时间,方便我们更好地安排出行计划。下面是一些常见的方法,供车主参考。一、通过手机APP查看随着科技的发展,如今智能手机已经成为我们生活中不可或缺的一部分。许多城市的公交系统都提供了手机APP,用户可以在手机上下载安装,通过输入公交车的线路信息,就可以...

2023-12-29 17:54:59 384

转载 面试官 :[] == ! [] 为什么返回 true ?

在 JavaScript 学习过程中,往往出现一些与我们常理相违背的结果,比如我们今天的论题[] == ![],它的返回的结果竟然是true,这着实让初学者感到困惑。因为根据直觉,[]和![]两者应该是不相等的。面试官恰恰就会抓住这一点,对程序员们进行考察。而本文将结合官方文档对该题进行深度剖析。看看官方文档怎么说关于==关于==,文档这样描述:Annotated ES5 11.9.1根据官...

2023-12-29 17:54:59 41

原创 【车来了公交查询 】公交车上,你还敢坐在公交车前排吗?

公交车上,你还敢不第一时间让位给老人吗?你还敢坐在公交车前排吗?公交车查询近日,一个60多岁大妈因女孩未能第一时间让位破口大骂:她说的原文是:我就瞧不起外地人,外地人没素质,看到老弱病残上来就应该第一时间让位,懂吗?你没素质。臭外地的,上北京要饭来了。她说的老弱病残让位这句话也没毛病,但为什么要人家第一时间让位,或者人家在处理很重要信息没来得及让位,就迟了一点点呢?她破口大骂进行人身攻击就不对了,...

2023-12-21 11:00:23 382

转载 ES7、ES8、ES9、ES10、ES11、ES12都增加了哪些新特性?

ES7ES2016(ES7)中新增了如下特性????Array.prototype.includesExponentiation Operator一、Array.prototype.includesincludes()方法用来判断一个数组或字符串中是否包含一个指定的值返回值:如果包含返回true,否则返回false。语法arr.includes(valueToFind)arr.includes(val...

2023-12-21 11:00:23 95

原创 去掉 if...else 的七种绝佳之法...

大明哥在这里总结了 7 中方式用来解决 if...else 的问题,我相信里面总有一两种方案是你比较满意的,七种方案各有优劣,各自有各自的使用场景,我们需要在实践中不断领悟,在重构中不断进化,总结出适合自己最佳的重构方案。重构之路,任重而道远,各位其行且珍惜前端面试题库 (

2023-12-20 17:16:33 806

原创 javascript将秒转化成时间

在这段代码中,我们首先计算出小时数,然后计算出分钟数,最后计算出秒数。将这三部分组合在一起,形成一个时间字符串,并将其返回。

2023-12-19 11:20:12 402

原创 数组对象排序 (arr.sort())

如果想按照别的顺序进行排序,就必须提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。进行排序,即排序时不创建新的数组副本。方法sort()将在原数组上对。

2023-12-19 09:13:22 377

原创 获取当前的前几天时间前一天,后几天时间

【代码】获取当前的前几天时间前一天,后几天时间。

2023-12-15 15:24:27 51

原创 2023前端面试题总结:JavaScript篇完整版

JavaScript 的包装类型是指基本数据类型(例如 number、string、boolean)在一些特定场景下会被自动转换为对应的包装对象,从而可以使用对象的方法和属性。这种自动转换是临时性的,仅在需要调用对象方法或属性时发生,操作完成后又会自动转换回基本数据类型。这种特性可以让基本数据类型在某些情况下表现得像对象。Number 对应于基本数据类型 numberString 对应于基本数据类型 stringBoolean 对应于基本数据类型 boolean。

2023-12-13 18:05:08 226 1

原创 7个Js async/await高级用法

的高级用法,开发者可以在JavaScript中以更加声明式和直观的方式处理复杂的异步逻辑,同时保持代码整洁和可维护性。后者不仅让异步代码更加简洁,而且更贴近同步代码的逻辑与结构,大大增强了代码的可读性与可维护性。在JavaScript中,类的构造器(constructor)不能是异步的。但可以通过工厂函数模式来实现类实例的异步初始化。在处理诸如文件上传等场景时,可能需要限制同时进行的异步操作数量以避免系统资源耗尽。,可以将错误处理的逻辑更自然地集成到同步代码中。可以直观地按顺序执行链式调用中的异步操作。

2023-12-13 17:54:01 135 1

原创 去掉 if...else 的七种绝佳之法...

大明哥在这里总结了 7 中方式用来解决 if...else 的问题,我相信里面总有一两种方案是你比较满意的,七种方案各有优劣,各自有各自的使用场景,我们需要在实践中不断领悟,在重构中不断进化,总结出适合自己最佳的重构方案。重构之路,任重而道远,各位其行且珍惜前端面试题库 (

2023-12-12 10:59:27 78

原创 程序员提高效率的 10 个方法

这是一个解决拖延的小技巧,作为一个程序员,经常会遇到各种各样的突发问题,对于一些问题,我们没办法很好的决策要不要立即完成, 2 分钟解决就是一个很好的辅助决策的办法。因为早晨是大脑的黄金时间,经过一晚上的睡眠,大脑经过整理、记录、休息,此时的状态是最饱满的,适合专注度高的工作,比如编程、学习外语等,如果把时间浪费在开会、刷手机等低专注度的事情上,那么就会白白浪费早上的价值。,它跟番茄钟一样,把时间可视化,但却是正向计时,不会打破我们的“心流”,当我们编程专注度下降的时候中去查看秒表,确定自己的休息时间。

2023-12-11 18:13:41 60

原创 国内地址地区智能解析,无需完整地址也能正确匹配

页面直接引入使用已打包成单文件可以直接通过标签引用可以使用全局变量来调用。包内暴露的方法已经直接挂载在实例上以供调用包内暴露了地址数据对象AREA和工具函数对象parse默认识别到第一个可信结果就会返回内容,但这不一定准确,特别是没有正确省市区的地址这时如果传入第二个参数会执行所有解析方法,并将所有解析内容返回内部有进行判断,可信度较高的地址会在数组前面。

2023-12-11 15:21:11 80

原创 超使用的十个JavaScript技巧

的工作方式是将模板字符串里的所有字符串作为一个数组传递给函数的第一个参数,其余参数则根据相应的表达式直接插入到字符串中,的方法, 此方法提供了一种简单有效的方法来深度克隆对象, 且适用于大多数现代浏览器和 Node.js v17 以上。作为最流行的语言之一,其语法灵活且每年都在不断吸纳新特性,即使是一个从业多年的老手, 偶尔也会有一些被低估的。实际上内置了许多非常有用的方法,帮助您提高调试输出的质量和可读性,掌握它们能使您更轻松地。的产生,flatMap 非常适合在需要灵活性和可读性的情况下使用。

2023-12-06 09:38:12 59

原创 【面试题】 你知道怎么调试线上代码吗?

这篇文章分享了如何调试线上代码,主要的点是 webpack 的配置和 浏览器自动添加 add sourcemap 的功能,当然,这两点都归结于 sourcemap 的映射能力。前端面试题库 (

2023-12-06 09:37:45 51

原创 js中数组对象去重的方法

最近工作中需要用到数组对象去重的方法,我是怎么想也没想出来,今天稍微研究了一下,总算找到了2种方法。分享一下,希望对大家有帮助!采用数组中的reduce方法,遍历数组,也是通过对象访问属性的方法。采用对象访问属性的方法,判断属性值是否存在,如果不存在就添加。

2023-12-04 10:02:59 198

在线PS 源码 photoshop源码

简介: 一个专业的在线ps照片处理软件功能与photoshop一样

2023-03-17

头像生成器 小程序工具

头像生成器 小程序工具,自动生成头像,不需要服务器,前端代码,上传即用

2022-09-20

FiddlerRoot 过滤器

Fiddler 过滤器 有效过滤不需要的接口请求

2021-12-20

vue +el + Sortable table列拖拽排序

vue table 列拖拽排序例子

2021-05-19

二维码生成dome.zip

二维码生成实例 jq 打开即可查看效果

2021-02-07

公共的css样式类名开发更方便

公共的css,就不用重复写, 公共的css样式类名开发更方便

2020-01-03

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除