instincts

前言 你是否曾经好奇，像 ChatGPT 这样的大语言模型（LLM）是如何做到对答如流的？它们就像一位知识渊博的“万事通”，但有时也会犯一些令人啼笑皆非的错误，比如把去年的...

本篇文章分享一下自己平时常用的几个mcp服务. 真的解放了双手,提高了产品的设计开发及其测试的过程. 1. Playwright MCP 浏览器自动化 1.1 简介 引自官...

前端工程化不是 “某一个工具”，而是一套解决 “开发 - 构建 - 部署” 全流程问题的方案—— 从启动本地开发服务器、把 TSX 转成浏览器能懂的 JS，到将 Styl ...

如果你的前端项目还在“龟速”启动，不妨看看Vite如何让代码飞起来！本文带你揭秘Vite的原理、优势与实战体验，感受前端开发的速度革命。...

ECharts 是百度开源的一款基于 JavaScript 的数据可视化库，其核心定位是**为企业场景提供 “可落地的数据报表解决方案”** —— 无论是月度销售额对比、用...

场景 场景: 目前claude code 还有一些其他的大模型, 在生成网站的时候时候. UI方面都有自己的想法, 即使有时候我们在项目规则里面 或者项目设计规范明确指定,...

前端开发中，“列表渲染” 是家常便饭，但如果遇到一次性渲染 10 万条数据的场景，页面直接 “卡死” 几乎是必然结果。这背后不仅是 “JS 执行耗时” 的问题，更和浏览器的...

JavaScript 数组扁平化全解析：从基础到进阶，深入理解 flat 与多种实现方式 在现代前端开发中，数组操作是日常编码中最常见的任务之一。而在处理复杂数据结构时，我...

一、什么是虚拟列表？—— 从 “全量渲染” 到 “按需渲染” 1.1 虚拟列表的定义 虚拟列表（也称 “窗口化列表” Windowing List），它是一种大数据长列表渲...

你是否曾幻想过，能用几行代码召唤出前端世界的“打包神兽”？别眨眼，这篇文章带你用理工男的严谨和文艺青年的脑洞，手写Webpack，解锁打包的诗与远方！...

本文深入浅出地解析了浏览器同源策略的安全必要性及其引发的跨域问题。文章系统介绍了六大主流跨域解决方案，详细阐述了其原理、优缺点及适用场景，并提供了具体的代码示例。帮助初学者...

什么是 CDN？CDN 的全称是 “Content Delivery Network”，中文译为 “内容分发网络”。它并非单一的技术或设备，而是由**分布在全球各地的边缘节...

HTTP协议从0.9到3.0的演进历程：解决了从简单文本传输到高并发处理的性能瓶颈。重点介绍各版本特性、GET/POST区别、TCP/UDP对比，以及实际开发中的性能优化策...

`async/await` 是 ES2017 引入的异步编程语法糖，它的本质是对 **Promise** 和 **Generator** 的封装。它通过声明式的方式简化异步...

引言 每次在VSCode里看到项目中那些赤裸裸的axios请求调用，你是不是也和我一样浑身难受？就像穿着睡衣见客户——虽然能用，但总少了点专业感。今天，我要带你给axios...

过去一周经历了几场面试，收获不少，也遇到了一些意料之外的题目。这篇文章既是我的复盘，也想分享给正在准备的你！ 通常都会从自我介绍开始。这里不仅要简要介绍个人背景，还可以重点...

🌈虚拟列表不是“黑科技”，而是前端性能的魔法棒！一屏万行，丝滑如飞，原理揭秘+实战代码，助你轻松玩转海量数据渲染，快来体验前端的速度与激情吧！...

在前端开发中，我们时常会遇到需要处理大量数据渲染的场景 —— 比如一次性插入 10000 条甚至更多数据到页面中。采用 “暴力破解” 的方式直接同步执行，往往会导致页面卡顿...

这篇是把常见 CSS 面试点用最短路径串起来的复习稿，按“是什么—怎么用—易错点—小例子”的节奏走一遍。内容来自日常面试高频题，读完基本能覆盖主问点。...

引言：为什么选择 Pinia？ 在 Vue 生态系统中，状态管理一直是构建复杂应用的关键环节。随着 Vue 3 的发布，Pinia 作为新一代状态管理库应运而生。Pinia...