前言前端开发中，关于JS原生的内容和前端算法相关的内容一直都是前端工作中的核心，不管是在实际的前端业务开发还是前端求职面试，都是非常重要且必备的内容。那么本篇博文来分享一个关于前端开发中必备内容：diff算法，diff算法在前端实战中和前端求职面试中都是必备知识，整理总结一下，方便查阅使用。diff算法是什么？diff算法其实就是用于比较新旧虚拟DOM节点的差异性的算法。众所周知，每一个虚拟DOM节点都会有一个唯一标识，即Key，diff算法把树形结构按照层级分解，只比较同级元素，不同层级的节点只有创建和删除操作，通过对比新旧节点的Key来判断当前节点是否改变，把两个节点不同的地方存储在pat...

1. offer收割机，就职新公司5年前的就业环境非常好，当时面试了很多家公司，收到了很多 offer。最终我决定入职一家互联网教育公司，新的公司福利非常好，各种零食随便吃，据说还能正点下班，一切都超出我的期望，“可算让我找着神仙公司了”，我的心里一阵窃喜。在熟悉环境之后，我趁着上厕所的时候，顺便去旁边的零食摊挑了点零食。接下来的一天里，我专注地配置开发环境、阅读新人文档，当然我也不忘兼顾手边的零食。入职几天后 ，领导给安排了一个小需求，我和同事沟通完技术方案后，就开始开发了。2. 单元测试有点奇怪完成开发后，我决定写个单元测试验证下，在研究单元测试代码后，我发现这种单测写法和我之前的写法不太...

前言大家好,我是田螺.分享一道网上很火的腾讯面试题:40亿的QQ号,如何去重,1G的内存. 不过,有腾讯上班的朋友说,我们没出过这种面试题~ 哈哈~哈哈,anyway,这道题还是很有意思的. 它是一个非常经典的海量数据去重问题,并且做了内存限制,只能1G.本文跟大家探讨一下.1. 常规思路我们日常开发中,如果谈到去重,最容易想到的就是放到HashSet,直接放到HashSet就好: Set<Long> qqSet = new HashSet<>(); qqSet.add(qqNumber); // 自动去重 但是呢,是有个1G的内存限制的! 如果放到HashSet,那4...

🎨 方案1：BroadCast Channel（对讲机频道）🛠️ 方案2：Service Worker（隐形邮差）📦 方案3：LocalStorage（共享小本本）👨‍💻 方案4：Shared Worker（共享办公室）🕵️‍♂️ 方案5-6：轮询侦查队（IndexedDB/Cookie）👨‍👦 方案7：window.open（父子悄悄话）🌐 方案8：WebSocket（专业电话线）🧩 方案9：SharedArrayBuffer（共享黑板）今天我们要去探索"跨标签页通信"这个神奇的乐园！🚀🌟 开篇小剧场：为什么标签页要"聊天"？想...

引子：三句话，我决定要他了最近团队业务扩张，所以有一些HC，我也因此成了“兼职面试官”，每天都在跟不同的候选人打交道。面得多了，一些有意思的现象就浮现了出来。这篇文章，就是我最近的一些观察和思考。有天晚上，我面试了两个同样有三年工作经验的工程师，都问了同一个问题：“谈谈你做过的最复杂的项目或者说你认为最有价值的项目？”第一个候选人滔滔不绝，讲了足足15分钟，从微服务架构的拆分一直聊到Docker的容器化部署，各种技术名词甩得飞起。可一旦循着问题深入提问，他就支支吾吾，东扯西扯，答非所问了，最后我在面试记录上默默记下：“技术面广，但深度不够，理解浮于表面，不太合适，pass。”第二个候选人听了我...

时间真的过得好快呀。想想我写的第一篇博客的时候，还在努力找实习中，当时因为实习面试通过，激动了特别久。而转眼间，我已经要准备离开这家公司了。从毕业到现在，已经在这家公司待了三年多了，如果算上实习的时间，已经有4个年头。甚至我在组内的时间，比大多数人都要长，也已经是组内的“老人”了。大家都说，对于毕业的第一家公司，感情都会很深，很舍不得。这是会的，而且毕竟在这里待了三四年，多少都会有点不舍，一起工作了这么久的同事。这篇文章作为我在自己这几年来的回顾和纪念，也希望能给到刚进入职场，或者准备离职的读者一些信息，写到哪算哪，我们开始吧。离职我大概是从去年开始有换工作的念头，到今年年初开始找工作，原因的...

开篇各位看官，不知道如果看待面试过程中项目经验的问题？大家在的和面试官在基础知识上你来我往，面试官对你很感兴趣：小伙子我看你骨骼惊奇，一看就是前端开发的好苗子。那你能不能给露两手，你做过哪些项目？你项目中你认为的技术难点是什么？你是怎么解决的？咦？？？ 好一个项目三连，没做过、没啥难点、我也不知道咋解决，它自己就好了。面试官会很委婉的告诉你：你出去！好了你出去当然是开玩笑的，既然聊到项目那么对你的基础知识应该是认可的了。所以打算了解一下你在实际应用上把这些知识结合的怎么样，如果你简历上要是有面试官比较感兴趣的项目经历，也会着手一问。这个目的我们分析出来了，之后想要做一个项目来给自己的校招或者实...

前几天，我整理分享了招银网络和中兴今年校招开奖的情况。招银软开的整体总包在 26w~~31w（部分可能更低或者更高），公积金按照 12% 标准缴纳。中兴开的就比较低一点，整体总包在 19w~~33w 附近，公积金是按照 8% 标准缴纳。今天再来看一个炸裂点的，小红书的今年的校招薪资开的是真的离谱啊！根据网上已经爆出的薪资来看，下面是小红书今年已经开奖岗位的薪资情况：后端：（32k~33k）*16，上海，白菜后端：35k*16，上海，SP，无期权后端：（36k~39k）*16，上海，SSP，期权大概 10W 分四年是的，你没看错，小红书的今年校招的大白菜一年都能给到 51w+（应该是大白菜，暂时...

一、引言如果你已经有过几轮面试经验，肯定会遇到过类似的问题。面试官会问你：“如果数据量特别大的时候，分页查询慢该怎么办？”我们都知道，数据库分页查询很常见，尤其是展示列表的功能，基本上每个系统都有。但是，如果你做过大流量、高并发的系统，就会知道，当数据量上来后，分页查询的性能问题真的是一大痛点。数据量小的时候，分页查询没问题，但是当表里有上千万条数据时，翻一翻第几页，查询就开始卡了，慢得让人想砸电脑。那面试官提这个问题的时候，肯定希望听到你对于分页查询慢的根本原因是什么，知道你是怎么解决这个问题的，以及分库分表后深度分页的问题该如何解决？所以，小北今天就用最简单的语言，带大家逐步分析这个问题，...

开篇：一个经典的面试题“说说看，用户登录后拿到的 Token，前端应该怎么存？”这个问题看似简单，却能清晰地分辨出一个前端开发者对安全的理解深度。是存到 localStorage？sessionStorage？还是 Cookie？又或者是内存里？不同的选择背后，是截然不同的安全考量。今天，来聊一聊 Token 的存储之道，让你不仅知道怎么做，更明白为什么这么做。选项一：Web Storage（localStorage / sessionStorage）这是最直观、最容易想到的方案。 // 登录成功后 const token = 'your_jwt_token_here'; localStora...

小白同学终于迎来了期待已久的二面，然而滴滴面试官的这一问题却让他有些“破防”了。自诩略懂前端工程化的他，听到面试官问“npm install 之后究竟发生了什么？”时，陷入了沉默。小白同学：“…什么？”面试官微微一笑，并给出了最后的轻语😭：“那今天的面试就先到这里吧，好吧？”回到家中，小白同学决定好好研究这个问题，想弄明白“npm install 后，究竟发生了什么？他开始深入思考，阅读文档，最终发现了其中的奥秘——什么是npm？npm（node package manager），是随同Node.js一起安装的第三方包管理器。通过npm，我们可以安装、共享、分发代码，管理项目的依赖关系。嵌套...

前言还记得上周我们团队在招聘前端工程师，一个看起来经验丰富的候选人坐在我对面。"你们项目中是如何处理按钮重复点击的问题的？"我抛出了这个看似简单的问题。"这个简单，使用防抖就可以了。"他很快回答。然而，当我继续追问细节时，他却陷入了沉思...实际上，这个问题看似简单，但是要真正的解决好，需要考虑很多细节。在我面试了很多候选人中，能完整答出来的不到20%。问题背景在日常开发中，我们经常会遇到这样的场景：用户疯狂点击提交按钮表单重复提交导致数据异常批量操作按钮被连续触发这些问题如果处理不当，轻则影响用户体验，重则可能造成数据错误。今天，就让我们通过一个真实的...

你是不是也遇到过这样的场景？面试官抛出一个闭包问题，你支支吾吾答不上来；团队代码review时，看到同事用的Promise链一脸懵逼；明明功能实现了，性能却总是差那么一点...别慌！今天我整理了12个JavaScript核心概念，这些都是2024年各大厂面试的高频考点，也是日常开发中真正实用的硬核知识。搞懂它们，不仅能轻松应对面试，更能让你的代码质量提升一个档次！变量与作用域先来看个最常见的面试题： // 经典面试题：猜猜输出什么？ for (var i = 0; i < 3; i++) { setTimeout(() => { console.log(i); // 输出：3 3 ...

很少分享技术以外的东西，但今天面试时，面试官的一番建议让我受益匪浅。想借此与大家分享，希望我们都能在职业和成长的道路上，多一些启发与成长，共勉。格局面试快结束时，我谈到了作为程序员对不断学习和技术沉淀的追求。对此，面试官没有局限于程序员或产品的视角，而是从更高的层级，结合技术与行业，给了我一些建议，阐释了程序员职业成长的核心逻辑。他指出：技术与产品相辅相成，但程序员的发展一定是建立在行业深耕之上的。产品定义了用户价值和业务需求，技术提供实现手段。技术固然重要，需要持续学习，但唯有在特定行业中持续沉淀，才能形成差异化的技术能力，支撑出真正优秀的产品。好的产品又能反过来提升技术水平，形成良性循环。...