前言我们进入一个新公司，我们要怎么做，才能真正的在这个新的平台上，站稳脚跟呢？作为一位职场资深老鸟，我见过形形色色的新人，在刚入职的初期，出现过各种各样的问题。有些人，得意忘形，不懂藏拙，在团队内部受到同事领导的质疑和批评；有些人，用力过度，过早的暴露自己想要融入团队的需求，但是很有可能只是一股脑的冲，没得到好的结果。所以，我们在新的公司/平台到底怎么做呢？其实答案就藏在这四个字里—潜龙勿用。什么叫潜龙勿用潜龙勿用，隐喻了事物在发展之初，虽然势头较好，但比较弱小，所以应该小心谨慎，不可轻举妄动。也就是说，在时机不成熟的时候，或者自己能力不足的时候，要暗中积蓄自己的力量。这句话，翻译成我们职场中...

总有人问我：“同样是写Java，为啥你写的代码上线从不报错，领导说你‘架构稳健’，同事说你‘代码像艺术品’？”其实不是我技术多牛，而是我踩的坑够多，总结出一套“升职神技”。这28条Java“秘籍”，从命名规范到系统设计，从并发处理到部署上线，全是我用血泪换来的“经验”。新手照着做，保准快速成为团队“灵魂人物” （没人敢动你代码的那种），升职加薪，指日可待！1. 所有业务逻辑塞进Controller，Service当摆设别搞什么分层架构，把用户注册、订单创建、支付回调、发短信、写日志、校验参数全写在@RestController里。比如一个UserController.register()方法，...

写在开头：昨天一位 3 年经验的兄弟找我哭诉，说字节二面挂得莫名其妙。 面试官问了一个很经典的业务题：“淘宝/美团的订单，如果用户下单 30 分钟没支付，怎么自动取消订单？”他想都没想直接回答：“简单啊，写个定时任务（Schedule），每分钟去数据库捞一次，把超过 30 分钟的订单查出来，状态改成取消不就行了？”面试官听完，连问了三个问题：“如果数据库里有 1000 万条未支付订单，你每一分钟全表扫一次？数据库不崩吗？”“你每分钟扫一次，那用户第 1 分钟下单，岂不是可能第 31 分 59 秒才被取消？延迟这么大能接受吗？”“如果你的定时任务机器挂了，或者任务执行时间超过了 1 分钟，这期间...

上周面了一个自称5年全栈的兄弟🤔。简历漂亮得像报菜名：精通 Vue/React，熟悉 Node.js/Go，玩过 K8s，能画原型图，甚至还写过两个 Flutter App。 我只问了一个问题：如果不使用任何框架，Node.js 的 HTTP 模块是如何处理高并发下的内存积压的？他愣了三秒，支支吾吾说：厄...一般我们都用 NestJS，框架处理好了吧？😖那一刻，我看到了无数前端人的缩影：我们拼命想成为无所不能的全栈大神，最后却活成了什么都懂一点、什么都搞不定的API 缝合怪。全栈不等于样样稀松，真正的价值在于深耕核心难题。与其在重复造轮子中消耗精力，不如用RollCode 低代码平台 提...

1. package.json 的作用package.json 是 Node.js/npm 项目的核心配置文件，位于项目根目录，它的作用包括：描述项目信息：名称、版本、作者、许可证等。声明依赖：项目运行所需的包（dependencies）和开发所需的包（devDependencies）。定义脚本命令：通过 scripts 字段，让你可以用 npm run 执行自定义任务（如启动、测试、构建）。指定元数据：比如入口文件、浏览器兼容性等。2. 基本结构示例一个典型的 package.json 可能如下： { "name": "my-project", &qu...

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

前言：二面已经结束，虽然还不知道有没有三面，但是清楚的是还需要努力哇面试题：很多和项目相关，不太好展开讲，抓几个重点说说。问： 如果你要设计一个登入的功能，说说前后端的逻辑：答： 首先前后端分离，前端需要一个登入的UI组件，还需要在提交前验证一下账号、密码等有没有填好,如(是否为空)，然后向后端发送请求，携带前端输入的信息，接着可以在vite配置代理服务器上解决跨域问题，后端接收请求后，与数据链接验证身份，核对密码等(提了一下，如果是注册就得通过hash加密，不能存储明文)，登入成功就可以在后端生产一个token，这个token可以在返回前端后，储存在localstorage上，这样就可以在一...

上周五，晚上六点，参加了小米一面，整体时长1.5个小时，算是比较长的吧面试官看起来比较年轻，刚开始自己的心态也挺轻松，随着面试的进展，心情变的越加的不对劲，怎么问的每一道题都只知道一点，这是知道了自己的打法，专门来拆台来了 （让我自己认识到自己真不专业，基础太差）问题的答案，我都用一个链接的形式来呈现，相对简单的会做出解释px em rem vw vh 分别解释一下这几个单位www.jianshu.com/p/82f02af17…padding-top, 10%, 10rem，10vh， 10em 取值逻辑是什么这个里面有个坑 就是10% ,取的是父容器的宽度的10%em 也有个坑，不一定取的...

一、先搞懂：为啥需要这俩东西？比如你刷短视频时快速滑动屏幕，手机用不用 “每滑 1 毫米就重新算一次画面”？肯定不用啊！要是这么干，手机立马变卡、耗电快。前端也一样：像输入框实时搜东西（你输 “苹”“苹果”）、窗口放大缩小、滚动页面，这些操作会 “疯狂触发代码”。防抖和节流就是用来 “拦着” 这些疯狂操作，让代码别瞎忙活 ——核心就是：省劲儿、不卡顿。二、防抖：“等你彻底停下，我才干活”用你每天都可能遇到的  “电梯关门”  举例：你进电梯后，电梯会说 “等 10 秒再关门”。这 10 秒内如果又有人按电梯进来，电梯会 “把 10 秒倒计时归零”，再等 10 秒。直到没人再进来、10 秒走完，...

这是之前面试的时候面试官提问的一道面试题。具体题目是：为什么表单提交不会出现跨域，而使用 Ajax 发送 post 请求时却会出现跨域的情况。那什么情况下会出现跨域：协议 + 域名 + 端口 三者只要有一个不一样，就会出现跨域。那为什么表单能够跨域发送请求，而 Ajax 却不能发送跨域请求归根结底：跨域是为了阻止用户读取到另一个域名下的内容而 Ajax 可以获取响应，但浏览器认为这不安全，所以拦截了响应但是表单并不会获取新的内容，所以可以发起跨域请求。前者是发送跨域请求给到后端，并不去接收服务器返回的信息后者是发送跨域请求给到后端，并接收服务器返回的信息那该如何解决跨域#方法一：使用 JSON...

前言今天在刷知乎，看到一篇非常棒的文章，想复制其中一段给妹子，结果提示“禁止转载内容不支持复制”，开玩笑，这点小伎俩能拦得住我？于是起身打开笔记本电脑尝试起来，不看不知道，一看有门道。顺手写篇文章记录下。面试官：怎么禁止用户复制我们网页中的内容青铜段位：阻止默认事件法包括但不限于阻止copy事件，mouse事件（阻止选区产生），阻止key事件（阻止键盘操作）等等。 document.addEventListener('copy', e => { e.preventDefault() }) 例子：blog.csdn.net/secketl/art… 未登录的csdn面试官挑眉："...

127.0.0.1 和 localhost 的区别：为什么有时候一个能用，另一个却不行？刚开始做 Web 开发的时候遇到一个奇怪的问题：有时候用 localhost:3000 能正常访问项目，但换成 127.0.0.1:3000 就访问不了。有时候又相反，localhost 不行，127.0.0.1 却可以。跟着教程配置数据库连接时也发现，有的教程写 localhost，有的写 127.0.0.1，看起来都是指向本机，为什么要有两种写法？它们到底有什么区别？更让人困惑的是，大部分时候这两个确实是等价的，但偶尔会出现微妙的差异，让人摸不着头脑。如果你理解了网络协议的工作原理，你会发现它们其实代表...

前端新的面试题又来咯拖拽与 DOM问题 1：拖拽过程中，如果原本的元素消失了，onDrop 还能触发么？具体表现是什么？答案： 能触发。onDrop 事件会在放置的目标元素上触发。具体表现是：拖拽源元素在拖拽过程中被移除（如设置为 display: none 或从 DOM 中删除），只要鼠标在有效的放置目标上释放，onDrop 仍会触发。但是，event.dataTransfer 对象中关于拖拽源的数据可能变得不可靠或丢失。问题 2：如何改变拖拽预览图？答案： 使用 DataTransfer.setDragImage() 方法。 element.addEventListener('dragst...

这是一个非常经典的前端面试题，也是实际开发中容易产生误解的地方。简单直接的回答是：这是由 W3C 标准明确设计的。sessionStorage 的设计初衷就是为了“隔离”，而不是“共享”。以下是详细的深度解析，帮助你彻底理解其中的逻辑：1. 核心定义：什么是“Session”？在 sessionStorage 的语境下，“Session（会话）”的定义范围被严格限制在当前标签页（Tab）或当前窗口（Window）中。LocalStorage 的范围： 同源（Same Origin） + 浏览器实例。只要域名一样，所有 Tab 共享数据。SessionStorage 的范围： 同源 + 顶级浏览...