橙子848

本文介绍了如何使用URLPattern API构建简单SPA路由器，包括路由匹配、动态路径处理、链接点击和浏览器导航的实现。同时提醒了安全注意事项，展示了原生API如何简化...

📚 Lexical 简介 Lexical 是 Meta 开源的基于 React 的富文本编辑器框架，用于替代 Draft.js，具有更好的性能、扩展性和稳定性。 🎯 核...

Nest.js与Hono.js双框架实战：从工程化架构到Docker容器化部署，了解学习前必须具备的基础知识！...

前言 前面的文章已经介绍了postMessage、localStorage、messageChannel、broadcastChannel以及window.name。今天要...

Node.js 提供了丰富的内置模块，帮助开发者高效处理各种常见任务。本文将详细介绍五个重要的工具模块：path（路径处理）、url（URL解析）、querystring（...

最近在更新发布自己的一个 npm 包（branch-commit-compare）时踩了一堆坑。问题本身不复杂，但 npm 新旧验证体系在 UI 和流程上混杂一起，导致排查...

前言 Vite的快，我们并不陌生，主要体现在开发环境时的体验。 而相较于其他构建工具，Vite核心是依靠了现代浏览器对于原生esm模块的支持+按需实时编译将性能达到了极致。...

开源一个 Nuxt 4 目录网站模板，功能完整，拿来即用！ 🎯 前言 大家好，我是 Pub。 最近开源了一个项目 Nuxt Mkdirs —— 一个基于 Nuxt 4 构...

前几天，我们团队CI/CD流水线挂了，一个新来的前端同事跑来问我：“老大，我本地pnpm build明明是好的，为什么一到CI就报错？” 我看了看日志，node-gyp编译...

每个前端开发者每天都要敲几十上百次 `pnpm run dev`，但有多少人真正理解这短短四个单词背后，触发了多少进程、编译了多少模块、建立了多少连接？...

在移动应用开发中，打开外部链接、发送邮件、拨打电话等功能是提升用户体验的常见需求。无论是跳转到网页、启动地图导航，还是调用系统邮件客户端，都需要与设备的原生功能进行交互。u...

在写带有遮罩层的弹窗时，弹窗出现时，弹框后面的页面依然会保持滚动状态，其实这种情况并么什么影响，但是有很多时候想禁止滚动。无论在移动端还是PC端都会遇到这种情况。...

最近做一个语言切换功能，所有的的语言翻译都在同一个文件中，导致文件过大，难以维护于是想到了对文件按模块进行拆分，绞尽脑汁，查了各种资料，果然功夫不负有心人，现在方法总结出来...

第 18 题：Vue3 响应式原理中的 effect、依赖收集与依赖触发 🎯 一、核心问题 问：Vue3 响应式系统中 effect 是什么？依赖是如何收集和触发的？ 面...

第 16 题：Vue3 响应式原理深度解析（Proxy + effect 栈 + 依赖追踪） 🎯 一、核心问题 问：Vue3 响应式是如何实现的？Proxy、effect...

在前端开发中，文件预览与下载是高频需求，但不同文件类型（视频、图片、文档、Office）的预览逻辑差异大，且存在 “预览失败降级”“跨浏览器兼容” 等痛点。今天分享一款我封...

本文回顾前端视图渲染从直接 DOM 操作，到虚拟 DOM，再到无 VDOM 的演进历程，解释各阶段产生的动机、算法与性能取舍，帮助理解现代前端框架背后的设计哲学。...