dragonZhang

我正在参加「掘金·启航计划」 问题记录 在 Antd 树组件中，通过点击向后端接口请求数据，最后渲染在页面的过程十分漫长，产品体验不佳。 分析过程 查看接口调用，返回数据条...

在前端开发中，性能优化是一个至关重要的环节。Chrome 浏览器的 火焰图 工具可以帮助我们发现性能瓶颈。本文将介绍如何利用 Chrome 浏览器的火焰图来优化前端项目性能...

1:官方UI指南 https://source.chromium.org/chromium/chromium/src/+/main:docs/ui/starter_guid...

在现代的前端开发中，构建工具扮演着重要的角色。构建工具不仅可以帮助我们自动化地完成诸如编译、压缩、打包等繁琐的任务，还可以通过插件的形式扩展其功能。本文将介绍几个在构建工具...

前言 本人2年半左右的工作经验，第一份工作是出差比较多（低代码定制化项目，政府、军工、工业等）+ 低代码，第二份是教育行业 Saas 后台和h5相关，干了半年多被裁员了。 ...

JavaScript的原型和原型链是面试的时候经常被问及到的问题，考察了我们对JavaScript的基础掌握情况，今天我们在这里用一张图来梳理下其中的知识点。 下面我来引入...

JS面试题 1.1 JS数据类型 基本数据类型：string number boolean undefined null symbol 引用数据类型：Object 1.2 ...

LCP 是 Core Web Vitals 的三个关键指标之一，是 Google 用于评估网页用户体验的标准之一。LCP 时间应在 2.5 秒以内。如果 LCP 超过 4 ...

从网页控制台分析FP，FCP，LCP，DCL，L的触发时间，以及讨论如何优化。 名词解释 名词 全称 解释 FP firstPaint 首次绘制 FCP firstCont...

FLIP(First last Invert Play) 是一种实现动画的思路。只利用transform 或 opacity模拟布局变动的技巧，不触发Layout...

移动互联网的发展，Hybrid开发已经基本成了各个App的标配。Hybrid就是Native、H5混合开发技术，Android有 webview 、iOS 有 UIWebv...

A2A 与 MCP：引领智能体互联的协议之争？ 引言：互操作性——智能体生态的关键挑战 人工智能 Agent 的浪潮正汹涌而来，有望自动化处理日益复杂的任务。然而，一个巨大...

因为团队规模比较小，没有专门的设计师，就尝试使用Trae + figma + MCP来优化页面样式，没想到效果超级棒，真的惊艳到我了， 非常适合没有设计师提供设计稿的小团队...

还记得上周我们团队在招聘前端工程师，一个看起来经验丰富的候选人坐在我对面。 "你们项目中是如何处理按钮重复点击的问题的？"我抛出了这个看似简单的问题。 "这个简单，使用防抖...

Babel、Vue、React看起来遥不可及？其实普通程序员也能自己写出小型编译器！从巴别塔到现代JS，讲透编译与Polyfill原理，带你亲手打造属于自己的领域语言。编译...

引言：一次推送技术引发的“血案” 某日深夜，某电商平台的服务器突然宕机。 事故原因：每秒100万用户通过WebSocket请求抢购茅台，服务器因频繁握手耗尽CPU资源。 解...