bug_kada

当你的前端项目膨胀到几十个文件时，手动管理依赖就像在迷宫里摸黑行走。这时Webpack闪亮登场——这位细心的构建管家，用精妙的流程设计和插件生态，把杂乱的资源变成优雅的代码...

在前端面试中，常考的代码输出问题主要涉及到以下知识点：异步编程、事件循环、this指向、作用域、变量提升、闭包、原型、继承等...

说async/await执行顺序注意，可以把 chrome 的优化，做法其实是违法了规范的，V8 团队的PR这些自信点说出来，显得你很好学，理解得很详细，很透彻。 把nod...

前言：数组到底有多重要？ 先问个问题：你写的代码里，有多少时间是在跟数组打交道？我敢说至少30%！不管是处理接口数据、操作DOM列表，还是做各种计算，数组都是我们的好基友。...

前言 最近在准备前端面试的过程中，我整理了一系列高频面试题，发现很多问题都围绕着现代前端框架的底层原理展开。今天就来深度解析这些"既常见又致命"的面试题...

“这是我参与8月更文挑战的第8天，活动详情查看： 8月更文挑战” 30W字前端面试题总结，值得收藏！...

核心亮点：这些功能真的惊艳到我了 1. 代码补全的"读心术"级别 普通的AI补全只能补全当前行，但Trae Pro能预测我接下来要写什么！ 比如我写一个React组件： 它...

早期的解决方案 在IntersectionObserver出现之前，实现无限滚动主要依靠监听滚动事件。我们来回顾一下那段“艰苦”的岁月： 这种方式虽然简单，但存在明显的性能...

手写节流函数 节流：规定在一个单位时间内，只能触发一次函数。如果这个单位时间内触发多次函数，只有一次生效。 应用场景：滚动加载、按钮点击。 10. 手写类型判断函数 实现一...

1. 手写 Object.create Object.create 方法创建一个新对象，使用现有的对象来提供新创建的对象的 __proto__。 核心原理：通过一个中间构造...

2021 高频前端面试题汇总之JavaScript篇，前端面试题汇总系列文章的JavaScript篇，长期更新，欢迎收藏、点赞！...

一、什么是可选链操作符？ 可选链操作符  ?.  是 ES2020（ES11）中引入的一个新特性。它允许你读取一个位于连接对象链深处的属性值，而无需明确验证链中的每个引用是...

为什么JS是单线程？ 想象一下这样的场景：如果JavaScript是多线程的，一个线程要在某个DOM节点上添加内容，另一个线程却要删除这个节点，浏览器该听谁的呢？...

什么是预加载？ 预加载就是在实际需要之前提前加载资源。它是一种基于预期行为的性能优化策略，通过在浏览器空闲时提前获取后续可能需要的资源，从而减少用户等待时间。...

1. 什么是懒加载？ 懒加载（Lazy Load）是一种延迟加载技术，只有当内容需要显示在视口（viewport）中时，才会加载相应的资源。简单来说，就是「按需加载」，不浪...

开发过程中，我们遇到样式冲突如何解决？ 先来说说我们平时是怎么遇到样式冲突的。比如你在写一个按钮组件： 然后在另一个地方也写了一个按钮： 结果两个按钮样式互相影响，蓝色的按...

useCallback 和 useMemo，你真的用对了吗？ useCallback：不只是缓存函数 useCallback 的作用 简单来说，useCallback 就是...

本文详细的讲述了 useCallback 与 useMemo 的使用场景，以及有哪些使用中常遇到的问题与采坑点。...

一、前端路由原理 1、SPA是什么？ SPA（Single Page Application）就是单页面应用。传统的网站每点一个链接就重新加载整个页面，而SPA就像它的名字...

1. 什么是History模式？ History模式是现代前端路由的两种主要实现方式之一（另一种是Hash模式）。它利用浏览器原生的History API来管理页面会话历史...