自定义博客皮肤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

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

原创 input 输入 限制 大全

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

2020-11-30 15:58:18 7231 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 21204

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

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

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

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

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

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

原创 面试官:你是如何解决跨域的?

跨域是指在 Web 开发中,当一个网页的源(origin)与另一个网页的源不同时,就会发生跨域。源由协议、域名和端口号组成。如果两个 URL 的协议、域名和端口号中任何一个不同,就被认为是跨域。跨域限制是由浏览器实施的安全策略,它防止一个网页的脚本通过在其他网页的上下文中执行来窃取敏感信息或执行恶意操作。浏览器会限制跨域请求,例如通过 XMLHttpRequest 或 Fetch API 发送的跨域 HTTP 请求通常会被拒绝,除非目标服务器明确允许这样的请求。

2024-03-29 17:53:13 714

原创 面试官:(...)扩展运算符是深拷贝吗?

深浅拷贝在JavaScript开发中有着不同的应用场景和实现方式。了解它们的区别对于正确处理对象和数组的赋值是至关重要的。希望通过今天的分享,能够帮助小伙伴们更好的去加深与理解。

2024-03-22 18:03:13 946

转载 2024 年 5 个令人兴奋的 JavaScript 新功能

以下提案很有可能进入今年的 ECMAScript 版本:ECMAScript 更新JS的新版本总是会引起轰动。自 ES6 更新以来,每年都会有新版本,我们预计今年(ES2024)将在 6 月左右发布。ES6 是一个大规模版本,是在其前身 ES5六年后发布的。浏览器供应商和 JavaScript 开发人员对大量需要采用和学习的新功能感到不知所措。从那时起,为了防止新功能同时出现如此大的下降,每年...

2024-03-22 17:53:29 39

原创 20 个令人惊叹的一行 JavaScript 代码

今天,我想分享 20 个 令人惊叹的 JavaScript 一行代码,让你的工作更轻松。一起来看看吧!🚀。

2024-03-16 17:56:36 454

原创 面试常问:为什么 Vite 速度比 Webpack 快?

通过使用export和import语句,ES Modules 允许在浏览器端导入和导出模块。当使用 ES Modules 进行开发时,开发者实际上是在构建一个依赖关系图,不同依赖项之间通过导入语句进行关联。主流浏览器(除IE外)均支持ES Modules,并且可以通过在 script 标签中设置来加载模块。默认情况下,模块会延迟加载,执行时机在文档解析之后,触发DOMContentLoaded事件前。预构建依赖通常指的是在项目启动或构建之前,对项目中所需的依赖项进行预先的处理或构建。

2024-03-14 09:33:56 1898

原创 面试官:为什么不用 index 做 key?

看到这里,希望你已经对Diff 算法有了初步的了解,想要深入了解,可以自行查看Diff 源码。总的来说,Diff 算法是一项关键的技术,为构建响应式和高效的用户界面提供了基础。最后,祝你面试顺利,学习进步!前端面试题库 (

2024-03-14 09:30:24 834

转载 作为中级前端工程师,每天都做些什么?(适用于所有岗位)

一直以来都没有记录或总结过自己每天工作模式和状态,以至于说回想起刚毕业参加工作的时候,作为一个初级开发,做事凭借着满腔热情,花的时间多,但成长是否成正比呢?今天分享一下自己当前的工作状态,其一是能够在不久后跟自己对比是否有所长进,其二也想看看JYM的工作方式,顺便偷师????,欢迎留言交流!通勤现在住的地方离公司比较远,前前后后需要40min,反而我比较享受这段路程,可以给我独立思考的时间,留意到路上大...

2024-03-10 12:17:48 55

转载 微信点餐小程序提高效率,扫码点单还可以外卖配送。

小程序为餐饮行业商家打造了一个生意增长的新路径,迭代后的各项平台功能也在助力商家不断升级经营能力。通过我们的行业洞察,商家可以把平台能力和自身的小程序经营场景更好结合,充分挖掘小程序的经营潜力。——微信公开课讲师黄伟斌2023年是餐饮行业展示创新与活力的一年,随着社会生活节奏有序地恢复,商家也积极地推动小程序成为他们的经营主阵地。在这一年里,餐饮行业小程序交易金额同比增长70%,茶饮咖啡、轻简快...

2024-03-10 12:17:48 56

转载 【面试题库】JavaScript数组操作指南:20个精通必备技巧

splice、slice、pop和shift。数组的排序方法是稳定且非原地算法的吗?要记住所有 JavaScript 数组方法以及它们之间的区别并不容易。它们的名称相似,就好像直接从同义词词典中提取一样。这个数组速查表列出了 JavaScript 中通常需要的所有数组方法,以及不需要的方法都不包含在内。就是这么简单!为了让您更容易理解,我基于常见用例制作了这个速查表。在我们开始之前,关于不...

2024-03-09 09:00:21 54

转载 快捷搭建微信小程序商城,简单开发教程,你也看得懂

微信小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。小程序可以在微信内被便捷地获取和传播,同时具有出色的使用体验。微信小程序的开发制作流程大致可以分为以下几个步骤:注册:首先,你需要在微信公众平台注册一个小程序账号,获取到 AppID,这是小程序的唯一标识。开发:使用微信开发...

2024-03-09 09:00:21 49

原创 7个实用的CSS技巧

你可能永远不需要强制让你的访客使用独特的光标。至少,对于一般的用户体验目的来说是这样。然而,关于cursor属性的一点值得注意的是,它允许你展示图片。这相当于以照片格式展示工具提示。一些使用场景包括能够比较两张不同的照片,而无需在视口中渲染这些照片。例如,可以使用光标属性来节省设计中的空间。由于你可以将自定义光标锁定到特定的div元素上,所以它不会干扰到元素之外的其他元素。

2024-03-08 17:08:36 1038

转载 必备了解的前端面试题—CSS技能篇(—)

前端面试题解析:CSS篇(一)在前端开发的面试中,CSS是一个重要的考察点。以下是一些常见的CSS面试题及其解析:1. 介绍一下CSS盒模型。答:CSS盒模型定义了HTML元素的布局方式。它包括内容区、内边距、边框和外边距四个部分。内容区(Content):这是盒子中用来显示实际内容的部分,比如文本、图片等。内边距(Padding):内容区与边框之间的空白区域,可以用来控制内容与边框之间的距离。边...

2024-03-08 11:49:53 36 1

转载 教你注册扫码点单,微信点餐小程序有食堂外卖功能,还不抽成。

在服务行业,很多优秀企业面对新形势,开始探索用互联网、大数据等新技术或者手段,助推应用场景的革新,这成为我们的一种机会。比如说服务的连接本身,就是大家传统所说的找阿姨难,找保姆难,找月嫂难。通过互联网的形式,我们不仅实现优质从业人员选择过程的线上化、标准化升级,也实现服务质量管理的流程化和制度化,建立了更加牢固的信任机制,进一步强化了服务双方的连接。依托互联网,轻喜到家在传统“中介制”模式的基础上...

2024-03-08 11:49:53 40

原创 Object.assign 这算是深拷贝吗

在JavaScript中,Object.assign() 是一个用于合并对象属性的常见方法。然而,对于许多开发者来说,关于它是否执行深拷贝的认识可能存在一些混淆。先说答案不属于深拷贝,我们接着往下看。

2024-03-07 17:22:46 423

原创 js需要同时发起百条接口请求怎么办?--通过Promise实现分批处理接口请求

不知你项目中有没有遇到过这样的情况,反正我的实际工作项目中真的遇到了这种玩意,一个接口获取一份列表,列表中的每一项都有一个属性需要通过另一个请求来逐一赋值,然后就有了这份封装真的是很多功能都是被逼出来的。

2024-03-05 16:40:11 942

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

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

2024-02-19 14:39:39 1256

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

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

2024-02-19 14:33:51 1141

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

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

2024-02-19 14:29:40 715

转载 啊?你今天上班啦?别慌,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 64

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

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

2024-01-29 17:37:02 756

原创 如何优雅的使用 if else

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

2024-01-22 19:23:01 973

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

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

2024-01-22 19:15:51 1023

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

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

2024-01-22 19:13:38 896

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

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

2024-01-20 17:52:02 1033

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

前言本文主要介绍 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 51

原创 如何实现 H5 秒开?

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

2024-01-17 18:06:03 1047

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

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

2024-01-15 18:59:55 389 1

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

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

2024-01-15 18:50:19 900

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

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

2024-01-15 11:30:16 69

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

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

2024-01-15 11:30:16 69

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

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

2024-01-12 18:08:26 1119

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

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

2024-01-10 18:13:49 413

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

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

2024-01-10 18:11:43 917

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

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

2024-01-08 09:26:04 871

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

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

2024-01-08 09:24:20 936

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

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

2023-12-29 17:54:59 415

在线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关注的人

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