3Katrina

前言 你是否曾经好奇，像 ChatGPT 这样的大语言模型（LLM）是如何做到对答如流的？它们就像一位知识渊博的“万事通”，但有时也会犯一些令人啼笑皆非的错误，比如把去年的...

最大安全数字：Number.MAX_SAFE_INTEGER = Math.pow(2, 53) - 1，转换成整数就是 16 位，所以 0.1 === 0.1，是因为通过...

让 Prompt 动起来：从固定模板到动态生成的完整实践 一、面试官的灵魂拷问：你怎么解决 Prompt 固定的问题？ 这是我在一次 AI 工程师面试中被突然问到的问题。当...

本文系统讲解DNS解析全过程，从浏览器缓存到分布式查询，涵盖负载均衡、CDN原理及前端dns-prefetch优化技巧，助你面试脱颖而出。...

10万条数据插入页面：从性能优化到虚拟列表的终极方案 问题背景：为什么10万条数据会让页面崩溃？ 想象一下这样的场景：产品经理兴冲冲地跑过来说："我们需要在页面上展示10万...

Webpack 核心配置解析 1.1 核心配置概念概览 Webpack 是现代前端开发中最流行的模块打包工具之一，它可以将各种静态资源（如 JavaScript、CSS、图...

Vite 介绍 Vite 是一种新型前端构建工具，能够显著提升前端开发体验。 Vite主要由两个部分组成 一个开发服务器: 它基于 原生 ES 模块 提供了 丰富的内建功能...

两者区别：Array.of(7) 创建一个具有单个元素 7 的数组，而 Array(7) 创建一个长度为7的空数组（**注意：**这是指一个有7个空位(empty)的数组，...

💡 还在用对象当万能工具吗？ 比如记录用户信息、做缓存、统计数据……然后各种 bug、遍历顺序乱成一锅粥？ 别慌，今天我们聊聊 Map ——前端小白到高手的必备利器！ 1...

基本上面试的时候，经常会遇到手撕XXX之类的问题，这次准备梳理总结一遍，巩固我们原生JS基础的同时，下次想复习面试手撕题的时候，找起来方便，也节省时间。 梳理的顺序是随机的...

性能优化 重绘重排 重绘 当元素样式发生变化但不影响布局时，浏览器重新绘制元素的过程，比如改变颜色和背景但是不改变几何属性 重排 DOM 元素的尺寸位置发生变化时，浏览器要...

前言 大家好，这里是3Katrina，最近作者在面试时经常遇到一类题目--页面渲染有哪些性能优化？你的项目中有哪些性能优化？你是如何评价性能的？ 今天这篇文章就带大家全面梳...

大家好，我是小阳，一个正在被大模型面试折磨的学生。 最近发现，大模型面试不比写算法题简单，Prompt 工程化才是核心武器。 你可能会想：“Prompt 不就是一句话吗？写...

基于 navmesh 的路径搜索技术剖析 这篇文章，将会讲解基于 navmesh 的路径搜索技术，可能有的同学第一次听说 navmesh，但是路径搜索肯定略有耳闻，以下举几...

前言 1. 什么是同源政策？ 核心答案：  同源政策是浏览器施加的一种核心安全机制，用于隔离潜在恶意的网站，保护用户数据和会话安全。它规定，只有当两个URL的协议、域名、端...

要知道此文是一道面试题，又不仅仅是一道面试题，你会发现，这题不论大厂小厂，都会问，为什么因为它足够经典，连续写了三篇帖子，每篇都上万字，依然感觉不够细，涉及的点真的很考验一...

我面试过很多同学，其中能把原型继承讲明白的寥寥无几，能把new操作符讲明白的就更少了。希望这篇文章能够解决你的疑惑，带你面试飞起来。 继承是OO语言中的一个最为人津津乐道的...

先来简单介绍下域名结构，有些前端同学可能不太了解，域名是在 Internet 上用于解决IP地址的一种方法，一个完整的域名由2个或2个以上的部分组成，各部分之间用英文的句号...