全部文章
共 1299 篇文章
vue中父组件传递class和style的行为
Vue 中父组件传递 class 和 style 的行为 1. 父组件传递方式 父组件： 2. Vue 的处理逻辑 Vue2 和 Vue3 共同点 父组件上的 和 不会当作普通 props，而是合并到子组件根元素。 如果子组件只有一个根元素，则合并成功。 Vue2 示例 父组件： 最终渲染： Vue3 特性（多根节点） 父组件： 结果：⚠️ 和 不会作用到任何子元素。 需要显式透传： 3. 总结 | 情况 | Vue2 | Vue3 |...
能访问不同域名下的localStorage吗
不能 直接访问不同域名下的 。 受 同源策略（Same Origin Policy, SOP） 限制，只有 相同协议（protocol）、相同域名（host）、相同端口（port） 的页面才能访问相同的 数据。 如何在不同域名间共享 ？ 虽然浏览器不允许直接跨域访问 ，但可以通过以下几种方式间接实现数据共享： 方法 1：使用 进行跨域通信（推荐） 可以使用 嵌入目标域，并使用 在不同域之间传递 数据。 步骤： 1. 在被访问的页面（A...
一张 8K 海报差点把首屏拖垮
你给后台管理系统加了一个「企业风采」模块，运营同学一口气上传了 200 张 8K 宣传海报。首屏直接飙到 8.3 s，LCP 红得发紫。 老板一句「能不能像朋友圈那样滑到哪看到哪？」——于是你把懒加载重新翻出来折腾了一轮。 解决方案：三条技术路线，你全踩了一遍 1\. 最偷懒：原生 一行代码就能跑，浏览器帮你搞定。 🔍 关键决策点 2020 年后现代浏览器全覆盖，IE 全军覆没。 必须写死 ，否则 CLS 会抖成 PPT。 适用场景...
面试中被问到过的前端八股
1、React的事件和普通事件有什么不同 ✅ 1. 事件绑定方式不同 React 中使用的是 驼峰命名 ，并且直接传入函数引用： 原生 DOM 则是小写并用字符串或函数赋值： 或者在 JS 中绑定： ✅ 2. React 使用的是合成事件（SyntheticEvent） React 实现了一套自己的事件系统： SyntheticEvent 合成事件 。 它对原生事件进行了封装，兼容性更强。 所有事件都会被委托到最外层（ ），提升性能（事...
🚀 Web Worker让你的应用丝滑
🌟 引言 在日常的前端开发中，你是否遇到过这样的困扰： 大数据处理时页面卡死 ：处理几万条数据时，页面直接卡成PPT，用户点击毫无反应 复杂计算阻塞UI ：图片处理、数据分析等计算密集型任务让整个应用假死 文件上传/下载卡顿 ：大文件操作时，其他功能完全无法使用 实时数据处理性能差 ：WebSocket接收大量数据时，页面渲染严重滞后 今天分享6个Web Worker的核心技巧，让你的应用告别卡顿，用户体验丝滑如德芙！ 💡 核心技巧...
手把手教你实现一个EventEmitter
你是不是也遇到过这种情况：代码里各种事件监听和触发，回调函数套了一层又一层，最后自己都理不清哪个事件先触发、哪个后触发了？ 别担心，今天我就带你从零开始实现一个自己的事件触发器（EventEmitter），让你彻底掌握事件驱动的精髓，代码清晰度直接提升200%！ 为什么要懂EventEmitter？ 先说说为什么我们要关心这个。Node.js的核心就是事件驱动，比如文件读写、网络请求，都是通过事件来处理的。不会EventEmitter，...
让你彻底明白什么是闭包
今天我们来聊一个听起来很高大上，但实际上你可能天天在用（只是不知道它名字）的概念—— 闭包 。 一、一个你肯定写过的闭包 先别管定义，来看这段代码，你是不是再熟悉不过了？ 恭喜你！这就是一个经典的闭包！是不是很简单？ 二、为什么会有闭包？—— 背包的故事 想象一下，JavaScript 中的函数就像一个小机器人，当它被创建时，会背着一个神奇的 背包 。 这个背包里装着什么呢？装着它 出生时 所在环境的所有变量！ 当我们调用 时，返回的那...
前端上传切片优化以及实现
前端上传切片优化以及实现 ，主要涉及到大文件分片上传（chunk upload）、并发控制、断点续传、秒传、重试机制等。 🔹 场景与痛点 大文件上传 （ 100MB）：直接上传会超时或失败。 网络不稳定 ：中断后需重传。 上传速度慢 ：需要并发分片上传。 服务端压力大 ：需要合理控制并发与分片大小。 🔹 基础实现流程 1. 文件切片 使用 方法将文件分割为固定大小的分片（比如 2MB/5MB）。 2. 计算文件唯一标识（hash）...
👨面试官：后端一次性给你一千万条数据，你该如何优化渲染
问题背景 在去年的一场面试中，面试官向我提了一个问题： 面试官：后端一次性给你一千万条数据，渲染到页面上发生卡顿，你该怎么优化？ 我：我会问候后端（bushi） 实际上我的回答是：如果没办法改变后端的情况下，我会避免给这种大数据量赋予响应式，然后手动 分页渲染 。 面试官：不对哈，用 来优化。 我：？？？ 这段时间突然想起这个问题，决定试一下实际遇到这种情况到底该怎么优化。 测试环境搭建 前端实现（Vue3） 后端实现（NestJS）...