DeepCoderr

你给后台管理系统加了一个「企业风采」模块，运营同学一口气上传了 200 张 8K 宣传海报。首屏直接飙到 8.3 s，LCP 红得发紫。 老板一句「能不能像朋友圈那样滑到哪...

刚写TS那会儿，我看到项目里莫名其妙冒出个types.d.ts或者global.d.ts，心里是有点懵的。啥？这文件是干啥的？我 .ts文件不是已经写类型了吗？为啥还要多此...

最近在学习 vue-cli 的源码，获益良多。为了让自己理解得更加深刻，我决定模仿它造一个轮子，争取尽可能多的实现原有的功能。 尽可能用最少的代码实现一个最简版本的脚手架。...

Cursor 最全配置指南：从入门到高效工作流，Cursor零基础入门。在 2025 年，AI 编程工具正彻底改变开发者的生产力，而 Cursor 绝对是其中的佼佼者。 每...

我正在参加「掘金·启航计划」 在开始绘制图形前，需要一份包含地理信息数据，我们可以从阿里云提供的小工具获取，properties中包含了名字、中心、质心等信息...

先上效果： 不想看繁琐步骤的，可以直接去github下载项目，如果可以顺便来个star哈哈 本项目使用vue-cli创建，但不影响使用，主要绘制都已封装成类 1、使用geo...

​1. 滥用 any 类型​ ​坏习惯​：用 any 逃避类型检查，导致类型安全性丧失。 ​改进​： 使用更精确的类型（如联合类型、泛型）。 无法确定类型时，优先用 unk...

本文总结了多种解决多人编辑场景下的内容覆盖的方案：编辑锁、版本合并、协同编辑，针对不同场景，我们可以选择不同的方案。...

本文梳理了图像的五种常见存在形式：网络 URL、本地路径、Base64、Blob、ArrayBuffer，帮你搞清它们的底层机制、适用场景和优劣对比，一文掌握前端图像的“正...

前言 TypeScript 在前端项目中已经是标配，使用 TypeScript 有很多好处，它让 JavaScript 拥有了强大的类型系统。 由于 JavaScript ...

1. <></> 和 <Fragment></Fragment> 区别 前者是后者的语法糖，其实还不准确。二者还是有区别的，大家可关注公众号 **`JavaScript与编...

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

Streaming 一个比较常见的应用是 ChatGPT 的打字效果，效果如下。本篇的最后我们会调用 OpenAI 的接口来实现这样一个效果...

有些项目要统计在线人数，其实更多是为了“营造热闹气氛”。比如你进个聊天室，看到“有 120 人在看”，是不是感觉这个地方挺活跃的？这就是一种“社交证明”，让用户觉得：哇，这...

内网穿透又叫内网映射，功能是把内网IP映射到公网，使公网也能轻松访问所搭建的服务。 我在公司电脑上运行了一个web项目，现在希望所有人都能访问它。很显然，只有公司的同事能通...

1. 了解 Tampermonkey 注入原理+基本使用 2. 介绍 Tampermonkey 工程化开发方式 3. 开发 Tampermonkey 需要掌握的技能...

先有问题再有答案 Reflect是什么 Reflect都有哪些方法 这些方法存在的意义是什么 Reflect的方法为什么不放在Object上 Reflect的设计目的是什么...

useMemo是react用作性能优化的一个hook，但有一个现象，不知道的人一次不用，知道的人随时随地到处都用。本文就带你真正搞懂什么情况下可以使用useMemo...

React组件为什么需要用标签包裹？这仅仅是为了代码简洁好看吗？还是有什么其他的考虑呢？让我们一起探索吧...

React Hooks 的三层理解：会用，掌握基本用法；懂原理，能手写官方 Hooks；会设计，能自定义 Hooks。...