AI概念太多分不清？Prompt是对话起点，Rules是行为准则，Skills是封装好的超能力模板，MCP则是安全连接世界的桥梁。本文用通俗易懂的比喻，一张图讲清它们的关系...

性能优化的目的 google官网说明：性能功能参考  |  Chrome DevTools  |  Chrome for Developers 使用 Performance...

你是小阿巴，刚入职的后端程序员，负责给前端的阿花提供 API 接口。结果一周后，你被阿花揍得鼻青脸肿。 阿花：你是我这辈子见过接口写的最烂的程序员！ 你：接口不是能跑就行吗...

有些人可能会误解 Node.js 脚本，认为它是用 Node.js 编写的。他们可能会觉得如果不懂 Node.js 的语法就无法编写 Node.js 脚本，感觉会写 Nod...

随着 Web 技术的飞速发展，开发人员在构建桌面应用时不再局限于传统的本地编程语言。Tauri 作为一款轻量级、跨平台的桌面应用开发框架，完美结合了 Web 开发的灵活性与...

看了本文，我相信你会对使用Chrome的Performance开发者工具有更多信心。不少的博文可能只是介绍Performance面板的各个数据含义，并没有从实际操作上来讲如...

简介 websocket在前端开发中，是一个必须掌握的技术！你可以不用，但必须掌握！ 前几天，就遇到这样一个需求，要求界面的数据通过websocket实时推送，并且必须支持...

本文解读了 Transformer.js 的 React 项目 demo，介绍了端侧大模型在前端项目中的实践，并且提及了 web-worker 优化的案例。...

整个过程就像“你点外卖”：输入菜名（网址）→ 平台查餐厅地址（DNS）→ 骑手联系餐厅（三次握手）→ 下单（HTTP请求）→ 餐厅做菜（服务器处理）→ 骑手送餐（HTTP响...

一个图片，直观地了解防抖节流！ 1、防抖 防抖？什么意思 防抖听起来比较生动形象哈，就是为了防止你抖，一不小心点了多次相同的事件，最后就只给你执行一次。大佬分享的面试题里面...

React 18 正式版它来啦！一起来看看 React 18 有哪些新特性吧，深入了解 React 18 中的新功能，更进一步了解并发模式的概念！...

React 19 是 React 18 时隔两年后发布的主版本升级，涉及的新功能较多，RSC + RSA 等新功能，另外还集成了一大波 hook 和简化版的表单操作。...

深入理解 CSS 弹性布局：从传统布局到 Flex 的优雅演进，并了解它的优点缺点，谈谈为什么要添加flexbox...

rollup打包产物解析及原理（对比webpack） 上篇： webpack打包产物解析及原理（含cjs/esm/代码分离/懒加载） rollup定位 rollup比web...

Webpack 和 Rollup 都是现在前端领域比较流行的打包工具，这些是您应该知道的一些事情 ！...

Rollup 和 Webpack 是目前项目中使用较为广泛的两种打包工具，去年发布的 Vite 中打包所依赖的也是 Rollup；在对界面加载效率要求越来越高的今天，打包工...

之前被问到webpack和vite在热更新方面有什么区别，当时并不知道具体细节，这两天研究了一下，因为在看webpack热更新过程中有些吃力，所以自己又去理解并整理了一下。...

通常又被称为 发布-订阅者模式 或 消息机制，它定义了对象间的一种一对多的依赖关系，只要当一个对象的状态发生改变时，所有依赖于它的对象都得到通知并被自动更新，解决了主体对象...

观察者模式和发布订阅模式作为开发中经常使用到的模式，小包一直不能做到很好的区分，前几天在听公开课时，老师详细讲解两种模式，发现自己还是没有吃透。于是小包本文就通过多个案例，...

最近也是在面试，手写发布订阅这个问题也是出现较频繁，今天也就来简单聊一聊！ 像关于这类问题需要实时监测数据并更新的情况，我们应该使用到观察者模式或者发布订阅模式。现在我们就...