杀生丸

随着前端系统的越发复杂，前端的性能也受到越来越多的重视。Google也不断在推进新的性能相关指标，从原先的Performance API中的指标逐步演进成用户性能体验相关的...

业务需求 网页html生成A4大小分页的pdf，翻遍了整个互联网发现没有很系统的整理与分析，甚至对jsPDF的解析也没有几篇。遇到过几次，用的比较多，完成代码编写后特此整理...

前端HTML导出PDF分页难题：10天踩坑后的终极方案，精细到每个像素点！！！ 问题背景：看似简单的需求，实则全是坑 导出PDF的需求很常见，但细节往往让人头大： 段落、图...

本文介绍了使用Node.js和LLM搭建简易AI代码审查系统的方法，包括设计AI应用思路、提示词、NodeJS与LLM结合分析代码、AI Code Review实现步骤、核...

兄弟们，前天的瓜都吃了吗？🤣 说实话，作为一名还在写代码的打工仔，看到前天晚上快手那个热搜，我手里捧着的咖啡都不香了，后背一阵发凉。 12月22日晚上10点，正是流量最猛...

前端开发必须掌握的二进制神器Blob，轻松实现本地预览、零上传下载、内存流式处理，一文吃透原理、API、性能陷阱与最佳实践，让你的应用秒开不卡！...

最近在做 2D 图形渲染相关的项目。由于真实数据还不完善，我一直使用手写 mock 数据进行测试，但这样很难覆盖所有业务场景。于是我开始思考——是否可以借助 AI 自动生成...

vue3 生态又变强大了，动效开发，直接拿来就用，炫酷又高效，不用再眼巴巴的羡慕 react 了😎...

标题：告别臃肿！200字节的事件神器mitt，让你的React/Vue组件飞起来！ 核心痛点场景 当你在开发复杂应用时，是否遇到过： 跨多层级组件传递数据像在迷宫中穿梭 全...

分包是什么 “分包” 就是按 “使用时机” 和 “功能” 将代码分割成多个小文件，核心是 “按需加载”，解决传统单包模式下 “体积过大、加载慢” 的问题。 路由分包、组件分...

【导读】本文总结了前端面试中经常问到的vue高频面试题，仅供参考。 下图为思维导图： 1.vue的生命周期有哪些及每个生命周期做了什么？ beforeCreate是new ...

官方文档及尤雨溪提到过 ，ref 一把梭，不建议用 reactive。我说的话不可信，尤雨溪的话百分百可信，用，用，用ref一把梭。 ref - 你的"万能工具箱" rea...

我还记得 2008 年的那个秋天，Google 发布 Chrome——一个用漫画做新闻稿的、古灵精怪的新浏览器。 作为在 Chrome 团队待了很久的人，我亲眼看着它从一个...

今天我要分享一个让我眼前一亮的技术方案——双Token认证机制。作为一个前端初学者，我一直对用户认证和安全问题感到头疼，直到学会了这个方案，才发现原来安全登录可以这么优雅地...

一、微前端拆包策略精要 1.1 核心优化原则 微前端架构下的拆包优化需要遵循三个基本原则： 主从分离原则：主应用仅保留框架核心（<500KB），业务逻辑全部下沉到子应用 按...

微前端的核心理念是将前端项目按照不同的功能按或者维度拆分为多个独立的子应用，通过主应用来加载这些子应用，微前端的核心在于 如何拆 和 拆完后如何合...

什么是Turborepo Turborepo 是一个专为 JavaScript 和 TypeScript 项目设计的高性能构建工具，特别适用于 Monorepo 架构。它通...

本文将以概述的视角简要介绍各个 bundler 的 tree shaking 原理，以及各个 bundler 的 tree shaking 之间的差异。...