阳光是sunny

一、 前言 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使用上不太合理的地方，...

引言 本文将带领大家了解什么是 AST，它的语法怎么学习，以及它在我们实际开发中有什么用，最后我们会带大家实现几个小案例，真实的感受一下 AST 的魔法。...

高阶组件HOC在React社区是非常常见的概念，但是在Vue社区中却是很少人使用。主要原因有两个：1、...

前言 我有个习惯，就是喜欢逛一些 ui 框架的网站，看看不同的框架都有哪些不一样的组件。发现 vuetifyjs 中有个指令 v-tooltip 好奇他的实现......

React在很早之前的版本中加了useId，用于生成唯一ID。在Vue3.5版本中，终于也有了期待已久的useId。这篇文章来带你搞清楚useId有哪些应用场景，以及他是如...