barnetty

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

什么是SSE协议 客户端启动一个 SSE 连接：  客户端使用 EventSource 接口创建一个到服务器的连接。 HTTP 请求：  客户端向服务器发送一个 GET 请...

作为一名前端开发者，我在使用React的过程中积累了一些优化实战经验。今天就来和大家分享一些我觉得特别实用的技巧，希望能帮你提升React项目的性能和开发体验。 🔥 1....

Hi，我是前端人类学！React 因其高效性、灵活性和强大的生态系统而广受欢迎。本文将详细介绍 React 的核心概念、生命周期方法、最新特性以及最佳实践，帮助读者全面掌握...

为什么我去了解 PM2？ 在学习和使用 Node.js 部署应用的过程中，我发现如果直接用 node app.js 启动应用，一旦进程崩溃，服务就会直接中断，需要手动重启。...

Thought for 1s### Vue中实现Word、Excel、PDF预览的详细步骤 1. PDF预览实现 方法一：使用PDF.js 方法二：使用iframe嵌入 2...

前端面试之 React 50题及参考答案 本文将为你整理 50 道 React 高频面试题及其详细答案，涵盖核心概念、组件、状态管理、路由、性能优化等方面。无论是初学者还是...

🔧 前端面试之工程化50题及参考答案 📦 一、基础概念 1. 什么是前端工程化？它的主要好处是什么？ 前端工程化是运用软件工程的技术和方法，对前端开发中的流程、工具、框...

前端面试之实践案例50题及参考答案 一、性能优化相关 1. 图片懒加载的实现思路 思路：监听滚动事件，判断图片是否进入视口，进入后再加载真实图片地址。可使用 Interse...

前端面试之 Vue 50题及参考答案 Vue3 作为现代前端框架的佼佼者，其新特性和性能优化是面试中的考察重点。本文将深入剖析 50 道高频 Vue3 面试题，助你全面掌握...

1. 简述 Vue3 相比 Vue2 有哪些主要改进 2. 简述解释 Vue3 compositon API是什么 3. 简述 setup() 函数在 Vue3 中起什么作...

Vue 通信 8 招全场景：props、v-model、provide/inject、EventBus、Pinia、Slot、全局方法、跨应用 postMessage，代码...

15个冷门原生API大公开！sendBeacon保埋点、IntersectionObserver秒解滚动卡顿、Intl一行代码国际化……无需引库，立省60%代码量，性能直接...

问题描述 面试官：后端一次性返回10万条数据给你，你如何处理？ 我：歪嘴一笑，马上给后端发生一百万次请求，干蹦他的服务器，让他给爷哭！ 问题考察点 性能优化意识（能否识别出...

5 秒白屏？1.2 秒加载？Vite 项目性能优化实战！从代码分割、图片懒加载到骨架屏、预渲染，7 步让前端性能飞跃，附可复用代码片段，直接抄作业！...

性能优化一直是前端绕不开的话题。页面加载慢、交互卡顿，不仅影响用户体验，还可能直接流失用户。本文将从加载、运行、构建、网络四个环节，系统梳理前端能想到的各种性能优化手段，帮...

破解浏览器缓存之谜：为何你的 Webpack 应用总是无法自动更新？ 你是否也经历过这样的场景：刚刚加班加点修复了一个线上紧急 Bug，满怀信心地通知用户刷新页面，得到的反...

Page Visibility、Web Share、Broadcast Channel 等 10 个被忽视却极实用的 JS API，能一键实现跨标签通信、懒加载、取消请求等...

作为一名前端开发者，我们一定都遇到过这样的需求：实现一个占满整个屏幕的欢迎页、弹窗蒙层或者一个 fixed 定位的底部菜单。 直觉告诉我们，这很简单，给它一个 `heigh...

油猴（Tampermonkey）是一款浏览器插件，允许用户在网页加载时注入自定义的 JavaScript 脚本，来增强、修改或自动化网页行为（你可以理解为轻量版谷歌扩展插件...