kosmikos

了解当前集团内在 Electron 场景下，Web技术栈在视频/图片处理上支持对原生组件混合调用，使集成方可以以纯Web技术栈即可轻松集成原生组件的视频处理能力。...

通过图文和代码的形式分析React的原理，包括渲染流程、Diff算法、bailout策略和hooks等。参考了Zachary Lee的400行实现mini-react项目和...

一、前言 下面纯手工画了一张在浏览器执行JavaScript代码的Event Loop(事件循环) 流程图。 后文会演示几个例子，把示例代码放到这个流程图演示其执行流程。 ...

基于 `pnpm` 的 `monorepo` ，并针对 `vite` 的构建进行了一些优化，这是基于我过往经验的 “最佳实践”...

JWT、Cookie、Session、Token 是 Web 开发中常用的身份认证和状态管理技术，它们之间既有区别，也有联系 一、JWT（JSON Web Token） J...

引言：每个前端的痛——node_modules删除噩梦 “npm install一时爽，删包火葬场。”这几乎是所有Node.js开发者都经历过的痛。尤其是当项目依赖复杂时，...

前言 来到字节快一年了，最初的我满怀憧憬，以为大厂的代码一定是高深莫测、充满黑科技的艺术品。然而，深入项目后才发现，这里的代码并没有想象中那么“高大上”，反而透着一股朴实无...

公司前端基于qiankun架构，主应用通过qiankun加载子应用，子应用也可能通过qiankun继续加载子应用，反复套娃。经过测试，不断打开子应用后，会导致内存不断上上。...

一个真实的前端项目里，我遇到一个很常见却又容易被忽视的问题：一套中文界面，为了保证视觉效果引入了整套中文字体文件，结果单字体就占了十几 MB，构建产物和安装包体积都被严重拖...

最近在公司实现一个业务组件库按需加载的需求。简单来说，有两个需求，第一个是实现业务组件库的按需加载，第二，因为业务组件库里面有引用了类似 Element Plus 的第三方...

🎯 本文目标 读完这篇文章，你将学会： 如何初始化一个 pnpm + Turborepo 项目 如何设计合理的包结构 如何配置依赖关系 如何实现包之间的相互引用 🏗️ ...

还记得去年提到“国产模型”时，我们下意识想到的是 DeepSeek——对话挺顺，Coding 却像新手村：前端能糊弄，后端一碰就崩，改 BUG 直接摆烂。 现在，国产模型终...

在现代 Web 开发中，跨上下文通信是一个常见需求。无论是与 iframe 通信，还是与 Web Worker 交换数据，postMessage API 都提供了安全可靠的...

📋 目录 什么是 pnpm 和 Monorepo？ 为什么选择 pnpm + Monorepo？ 项目架构设计 从零搭建 Monorepo 项目 工程化配置最佳实践 依赖...

你给一家在线教育平台做「课程视频批量上传」功能。 需求听起来很朴素：讲师后台一次性拖 20 个 4K 视频，浏览器要稳、要快、要能断网续传。 你第一版直接 <input t...

最近在出一个前端的体系课程，里面的内容非常详细，如果你感兴趣，可以加我 v 进行联系 yunmz777: 如今网上充斥着大量类似「XX 源码分析」的文章，我自己最近也在写 ...

本文通过一个极简的 Web 模拟案例，从虚拟 DOM、桥接通信到 Diff 算法，分析了 React DSL 跨端渲染的核心机制。...

HTML5 Canvas 是一个强大的绘图工具，它允许我们在网页上绘制复杂的图形、动画和游戏。然而，Canvas 与 DOM 或 SVG 不同，它本质上是一个“哑”画布，它...

从 58MB 到 2.6MB：React 官网性能优化实战全记录 📖 目录 引言：一个触目惊心的发现 第一步：性能诊断 第二步：图片优化 - PNG 转 WebP 第三步...

最近在使用 NestJs 和 NextJs 在做一个协同文档 DocFlow，如果感兴趣，欢迎 star，有任何疑问，欢迎加我微信进行咨询 yunmz777 在现代前端开发...