阳光是sunny

写作背景 最近在做微前端的事情，因为不太熟悉微前端机制，导致出了一些问题一开始是不知所措的，虽然最后解决了，但是还是一知半解，遂研究其原理。 single-spa的简单使用...

一、RAG、MCP、Agent、Function Call分别是什么意思 1. 大语言模型（LLM）的“天赋缺陷” LLM（如GPT-4、Claude、Gemini）本质上...

压缩的核心原理其实主要是三个 移除注释 缩短标识符 压缩空白符 一、移除注释 代码解释 这段代码是用来移除 JavaScript 代码中的注释的，使用了两个正则表达式替换：...

大家好。 算起来，今年是我写前端代码的第八个年头了。 我刚入行的时候，是个纯粹的“技术宅”。我坚信一个道理：只要我把最新的框架玩得最熟，把最难的API研究得最透，把代码写得...

一、 前言 Hello~ 大家好。我是秋天的一阵风~ 事情是这样的，最近在新客户项目的落地部署过程中，我发现了一个隐藏在前端项目代码深处的隐患。 在为用户进行定制化功能改造...

这是一个经典的问题，话不多说，直接开干 ## 1.浏览器DNS缓存 浏览器地址栏输入域名后，浏览器首先会去其本身的 DNS 缓存中查找是否有对应域名的记录，有就直接返回，没...

前言 有时出现的线上bug在测试环境死活都不能复现，靠review代码猜测bug出现的原因，然后盲改代码直接在线上测试明显不靠谱。这时我们就需要在生产环境中debug代码，...

一、如何改动 tooltip 的样式 方法一：在 console 台 中输入 setTimeout 随后将鼠标 hover 到 tooltip 上等待一会儿，这个 tool...

这阵子接手的一个需求就是排查项目是否存在内存泄露问题，找到并解决它 目前是发现了四处问题，一处是 el-select 组件存在泄露问题，这个有做出挣扎解决，但是最终并没有彻...

什么是A记录（Address Record） 简而言之，A记录是域名到ip地址的映射关系 例如，如果有一个网站example.sun.com，可能需要将其指向服务器的IP地...

对于任何一端的应用生产中的灰度机制都异常重要，可以大幅提高应用生产业务中的可用性和可控性，对于复杂度较高的业务意义更加重大。根据文章标题应该很多前端同学心里已经开始在构想各...

灰度发布，又称金丝雀发布。 对应到软件开中，则是指在发布新的产品特性时通过少量的用户试点确认新特性没有问题，确保无误后推广到更大的用户使用群体。 集成灰度发布的流水线在De...

传统程序员连夜删代码！这群程序员竟用 Prompt 把 LLM 玩成职场外挂 前言 当传统程序员还在 Ctrl+C/V 敲代码时，AI 应用开发工程师已经偷偷开启了 "摸鱼...

某天深夜，某大学男生宿舍传来一声哀嚎😱——计算机系的小王，收到了老师布置的「奇怪」作业： 开发一个让浏览器变绿的Chrome插件！但是小王在学前端的时候在跟舍友开黑，这作...

什么是 AST？为什么需要 AST？前端工程化的基石和 Babel、twc 有什么关联？如何选择合适的编译器？...

废话不多说，说了也没人看😒 直接开始吧 基础项目搭建 首先，从0建立一个最基础的vite项目 创建一个index.html和一个main.js，并且在html中导入mai...

AST 是什么 抽象语法树 (Abstract Syntax Tree)，简称 AST，它是源代码语法结构的一种抽象表示。它以树状的形式表现编程语言的语法结构，树上的每个节...

如果你经常关注前端基础建设，相信你一定对抽象语法树（Abstract Syntax Tree，AST）技术并不陌生。在 Babel、Webpack、Eslint 等工具中，...

抽象语法树 (Abstract Syntax Tree)，简称 AST，它是源代码语法结构的一种抽象表示。它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中...

在 Vue 3 中，watch 是一个强大的工具，适合监视响应式数据的变化并处理副作用逻辑。最近在做CodeReview的时候，发现了一些对watch使用上不太合理的地方，...