技术文章推荐

AI

理论

• MCP、Skill、Function Call 这三个的区别吗？https://mp.weixin.qq.com/s/ADG8VfDw6A9e6JjOoK_e9w
• 快速理解热门LLM大语言模型 https://mp.weixin.qq.com/s/7v7CFi8R6Eip972NKsB_dA
• 传统IDE开发到OpenClaw开发历程 https://mp.weixin.qq.com/s/fPgRevMLEt12VH8ekq-PUw
• 极速开发出一个高质量 Claude Agent Skills 最佳实践 https://mp.weixin.qq.com/s/5hFHlItI3XQUWekejC_kiw
• AI Coding 长文分享：如何真正把工具用起来，从原理到实践 https://mp.weixin.qq.com/s/MjBVTfo6Kp2RDG6v46_BPA
• 从工单、文档到结构化知识库：一套可复用的 Agent 知识采集方案
• 从 RAG 到 Agentic RAG，再到 Agent Memory：AI 记忆的进化三部曲 https://mp.weixin.qq.com/s/_RV0x_O8FfeLCcaAO0zAqw
• Agent Skills与MCP：一场被误解的“替代战争” https://mp.weixin.qq.com/s/nM6S9rHmX_xBcK6jffUMgA
• 从 Chain 到 Graph：为什么复杂 Agent 需要 LangGraph https://mp.weixin.qq.com/s/OSod2ckG1hH_hoObjIjsUg
• Claude 发布 Skills：知识工程让 AI Agent 变成“行家里手” https://mp.weixin.qq.com/s/tjgDVzcZcp6Eni9N8yHbdw
• 秒懂SKILLS: 模块化的RULES + 轻量化脚本 https://mp.weixin.qq.com/s/i5hkhFe6zpRRpGDrXK6-OA
• 一文读懂 Skills｜从概念到实操的完整指南 https://mp.weixin.qq.com/s/Bl4ODUxvwO8pYu9nXVmjuQ
• 极速开发出一个高质量 Claude Agent Skills 最佳实践 https://mp.weixin.qq.com/s/5hFHlItI3XQUWekejC_kiw
• Agent全面爆发！一文搞懂Agent开发核心链路 https://mp.weixin.qq.com/s/82kO7w5aq-57-kU_aIqykw
• Claude Agent Skills：将 Workflow 打进技能包 https://mp.weixin.qq.com/s/6nhW9EpSYRs3mkHH2c7zNQ
• 知识库（Knowledge Base）与知识图谱（Knowledge Graph）到底该怎么选？ https://mp.weixin.qq.com/s/qugyc6WlsbrCmG2wTAXzGg
• 【太学术】智能体Agent与工作流构建实战指南：从选型决策到高效实施 https://mp.weixin.qq.com/s/g93CF_akhd7F-RmpuVoliw
• 前端开发AI Agent智能体，需要掌握哪些知识？ https://mp.weixin.qq.com/s/76ysq2wereB6r8Ld3buS0w
• 从对话到自主行动：AI应用如何从 Chat 进化为 Agent？开源项目源码深度揭秘｜得物技术 https://mp.weixin.qq.com/s/2Og361FIQ7WcknBIYFskQw
• Browser-Use 源码解析：AI 是怎么"看懂"并操控网页的 https://mp.weixin.qq.com/s/GbDuG02fQNO6MhSFsA4yKg
• 给 Agent 装上记忆：从聊天历史到知识图谱 https://mp.weixin.qq.com/s/-VCdsyhiRrUS-vrQ8gzKaQ

MCP

• 前端搭建 MCP https://mp.weixin.qq.com/s/PS9LIgRjS00Y10BoFAyeGQ
• MCP很好，但它不是万灵药！真正的技术进步，往往始于祛魅之后的清醒认知 https://mp.weixin.qq.com/s/Zs2yF1MovpBD_a12bIVibg
• 100行代码速通Agent开发 https://mp.weixin.qq.com/s/aD3aWLFQk1plb3BOfawUOw
• [ ] 使用 MCP 绝对不容忽视的一个问题！ https://mp.weixin.qq.com/s/HlORuqa1wI-VFTRzQci9CA
• [ ] 带你从零理解 MCP https://mp.weixin.qq.com/s/jLCGItnCCtoz3qyaN-9rHg

实践

• AI编程的下半场来了？学会用Agent Skill解决编程的痛点问题 https://mp.weixin.qq.com/s/ho1l5v5mrNr_f6JXARMlFQ
• AI时代的终端革命：Claude Code 完全指南 https://mp.weixin.qq.com/s/23-HkZOylhVA7DzkYKYL5w
• Cursor + MCP：双剑合璧，解锁极致编程效率 https://mp.weixin.qq.com/s/wF4wrhnGpb1kDbIpoOU8MA
• 关于 AI 编程的一些浅思 https://mp.weixin.qq.com/s/YWp3zvZSnFnG2svND_YQ5A
• 如何用Claude Code 生成顶级UI https://mp.weixin.qq.com/s/cVpp0_4hN8JFlukyvG_vcg
• Vibe Coding 做了2个项目后，我总结了这些实战技巧 https://mp.weixin.qq.com/s/m2nExk4a5k81UTI1521KEw
• Apex AI辅助编码助手的设计和实践｜得物技术 https://mp.weixin.qq.com/s/U0B5-gnVx14WsHk6UQMmIg
• 还在死磕 README.md？你的前端项目更需要这个新玩意！(AGENTS.md) https://mp.weixin.qq.com/s/USZiEHhO0A9krMJ-HnC6Kg
• AI时代的终端革命：Claude Code 完全指南 https://mp.weixin. qq.com/s/23-HkZOylhVA7DzkYKYL5w
• 前端开发中AI的进阶之路：从思维重构到工程落地 https://mp.weixin.qq.com/s/87rvmUkRVXcmBO6EUgWoAA
• 前端搭建 MCP Client（Web版）+ Server + Agent 实践 https://mp.weixin.qq.com/s/PS9LIgRjS00Y10BoFAyeGQ
• "三小时搞定AI工具开发"：基于MCP的Node.js极简实践 https://mp.weixin.qq.com/s/wrPeMoCvb9puVrMjDWrL-w
• 🤖 如何让 Cursor AI Agent始终遵守项目规范：使用自动规则生成技术 https://mp.weixin.qq.com/s/ne8xO4sn6AtQJC4_63gvpw
• 【Ai+前端实践】让 AI 更懂 Ant Design：MCP 协议在前端领域的落地实践 https://mp.weixin.qq.com/s/lT8CRLx0XLh6MGJqHQAQlw
• NodeJS+LLM搭建一个属于自己的知识库 https://mp.weixin.qq.com/s/nXDjtxbYHtZXUWkH-4BiLQ
• 重磅！前端再一次被碾压？比 Cursor 更强的工具发布！https://mp.weixin.qq.com/s/hj4i2zWMHPgal4BahE60aQ
• 吃龙虾🦞咯！万字拆解OpenClaw的架构与设计 https://mp.weixin.qq.com/s/T2-R9oCONBGAnxDkeyVgmA?click_id=12
• 淘天集团-Codex https://mp.weixin.qq.com/s/0HTfZuOQi_p2qOoYrBoNkw

行业分析

• 留给初中阶程序员的时间不多了 https://mp.weixin.qq.com/s/19xbEZpir5dX9PUD3sfdrQ

公司实践

• 有赞AI研发全流程落地实践 https://mp.weixin.qq.com/s/D_pgKthF9IIxOLPLHKAHyw
• 网易云音乐-AI Code 在团队开发工作流的融合思考（2024年7月）【从此停更】 https://mp.weixin.qq.com/s/FmTFYfMVPTKH-pqmwG1Avg

HTML

• head标签里的子标签汇总 https://mp.weixin.qq.com/s/_GWmsdqLUuO-iHOofHvLYA

CSS

• css基础布局 https://zh.learnlayout.com/toc.html

JS

• 
• 
• 前端正则，拿来吧你！https://juejin.cn/post/6987561488328163364#heading-18
• 图解搞懂JavaScript引擎Event Loop https://juejin.cn/post/6844903553031634952
• es7-decorator修饰器实践 https://juejin.cn/post/6844903490800582663
• JavaScript开发者应懂的33个概念 https://github.com/webxiaoma/33-js-concepts
• 前端 Base64 编码知识 https://mp.weixin.qq.com/s/tWio2VQrgisrrYRw4PEOrg

ts

• TypeScript 中 any、unknown、never 和 void 有什么区别 https://mp.weixin.qq.com/s/J32TxUVTZ4jeu7frKjTK5Q
• TypeScript是如何工作的 https://mp.weixin.qq.com/s/--KO-8ReQtEVsCQzwuq8mQ

框架

通识

• 虚拟DOM与DIff算法（以Vue为示例）https://mp.weixin.qq.com/s/XRR9afpujcjbgFZM0Zw6Gw#tocbar-1tc7jr7

React

• 魔术师卡颂 -【视频】9分钟掌握React Hooks正确认知 https://mp.weixin.qq.com/s/eCTLRTWeF6SvKkNiKzzCRQ
• Hooks闭包引发的问题 https://mp.weixin.qq.com/s/BUr9X-cUpWlpKQdo_mWvrg

Vue

• 手写mini版本的vue2.x和vue3.x框架 https://mp.weixin.qq.com/s/Bisz-bBNCFqb0rMungld1A

Svelte

• Svelte只支持模版语法、摒弃虚拟DOM，导致编写复杂组件的成本很高 https://mp.weixin.qq.com/s/1wwJaavx2a0gF34dbtwyPQ

工程化

• 前端构建2011-2021 https://mp.weixin.qq.com/s/vhkAhBJ2mok43lIlHpu8Gg
• 鉴权基础 https://mp.weixin.qq.com/s/qBizMF4MwcX4ORU_nrVUmg
• 开源协议区别 https://mp.weixin.qq.com/s/4V3yl8_BrK3mjJS_CdnJXw
• 微前端的实践总结 https://mp.weixin.qq.com/s/QYidI0iHJchRwyWWfYpvCA
• 前端工程化实践：打包工具的选择与思考（Webpack、Vite、Rspack） https://mp.weixin.qq.com/s/tz1Oi_JSJ8Uaa1G7XFqOhA

Git

• Git各指令的本质 https://mp.weixin.qq.com/s/c8wFCPHSWsonbUKzvyhJtQ
• 这才是真正的Git——Git实用技巧 https://mp.weixin.qq.com/s/qNqZvjy0RXC0MA5WdSUhAA

webpack

• 基于webpack的应用治理 https://juejin.cn/post/6844904033434468359
• 面试再也不怕被问 Webpack 热更新 https://segmentfault.com/a/1190000020497205
• 跨过前端工程化建设的三座大山（解析编译，模块分包，压缩优化） https://mp.weixin.qq.com/s/Y_gM2IFMaAQoyCFPRsotFg

包管理

• 简单易学的 npm 包发布流程 https://mp.weixin.qq.com/s/wMXEpPe6YduyYO8gZeKQkQ
• 深入 lerna 发包机制 —— lerna version - 知乎 https://zhuanlan.zhihu.com/p/354649322
• 搞懂并实现 webpack 热更新原理 https://mp.weixin.qq.com/s/lgORutxwJtufFEfH963b-Q

测试

• 从零实现模块级代码影响面分析方案｜得物技术 https://mp.weixin.qq.com/s/QsvofnQsAdnyE4BdiaGxbg
• AI生成功能设计用例｜得物技术 https://mp.weixin.qq.com/s/mUu6UvwGCsIPY62DbWu_-Q

算法

• 前端算法整合 https://github.com/sisterAn/JavaScript-Algorithms
• 剑指Offer_在线编程+题解_牛客题霸_牛客网 https://www.nowcoder.com/ta/coding-interviews

浏览器

• 教女朋友学前端之深入理解JS引擎 https://juejin.cn/post/6996825009280778253
• babel 插件为react元素自动添加属性 https://my.oschina.net/ahaoboy/blog/4489767
• 一文彻底搞懂Cookie、Session、Token https://juejin.cn/post/6844904009061367821
• 浏览器自动化革命：从 Selenium 到 AI Browser 的 20 年进化史 https://mp.weixin.qq.com/s/qs3JceLV3jG0eL2OxB8clQ
• 前端开发应了解的浏览器背后的黑科技 https://mp.weixin.qq.com/s/9ZWJrbcQJCudJWQHBOnhWQ

计算机与网络

• 一文吃透 WebSocket 原理 https://mp.weixin.qq.com/s?__biz=Mzk0MDMwMzQyOA==&mid=2247490938&idx=1&sn=8c1f04ab3d4e46f1ea2bf3f61ee98183&source=41#wechat_redirect
• Web流式通信SSE、fes全链路应用实践 https://mp.weixin.qq.com/s/PH-CjPowFgpDOWW7J7Gx0w
• 深度解析请求头和响应头 https://mp.weixin.qq.com/s/xVGvI06Al2I1uwyKKbCDKA

工具

vscode

• vscode本地埋点
  • 我点了页面上的元素，VSCode 乖乖打开了对应的组件？原理揭秘。 - 掘金 https://juejin.cn/post/6901466406823575560#heading-8
• vscode插件博主
  • https://github.com/alefragnani?after=Y3Vyc29yOnYyOpK0MjAxOS0xMC0wMVQxNTozMDo1OFrODH4-aQ%3D%3D&tab=repositories
  • 多项目工作区分类、快捷打开 vscode-project-manager
  • 不同文件代码行书签、快速跳转 vscode-bookmarks

cursor

• CursorRules：AI编程助手规则调优实战 https://mp.weixin.qq.com/s/pTCgfZwlM6jIfikuGv_ohw
• Cursor编辑代码功能是如何实现的？ https://mp.weixin.qq.com/s/qbRl_Yz4o3ByDTAXQr75QQ
• [ ] Cursor 内部工作原理 https://mp.weixin.qq.com/s/CL6OJPos2h91-G-X2uUBYQ

基础

IDE插件

• 给Cursor装个AI外挂：CodeRabbit帮你审核代码 https://mp.weixin.qq.com/s/AlK7QufUW2G5B37PbdpQIA

其他

• 前端录屏 + 定位源码，帮你快速定位线上 bug https://mp.weixin.qq.com/s/tnzUJRuWV1419dcFCtX_Uw
• 几款程序员必备的画图工具 https://mp.weixin.qq.com/s/eR-XMax5qOzhFuuNaQ-Epw
• 在线白板 https://pixso.cn/app/board/8WgXBztd74oklrdbOomHqw
• 再见Navicat、XShell！一款高颜值的数据库、SSH、Docker管理工具！https://mp.weixin.qq.com/s/70WNCuHt0V7oo49ki0FjGw
• 神器！一键克隆 Vue3 官网 UI！生成 Vue、React 代码！https://mp.weixin.qq.com/s/L4WidpaC4Fdi2YyIWLmTAQ
• 推荐 4 个 Node 版本管理神器！彻底弃用 NVM！https://mp.weixin.qq.com/s/RX0UEwTWx-xLk8sEVt2vMA
• Simple Editor - 高效智能地设计动效 https://mp.weixin.qq.com/s/DGWKHxa5soixm-W0iZfs6A
• 首个「完整级」WebSocket 调试神器来了！ https://mp.weixin.qq.com/s/vBJkwjk1Jy1vgJAG70YEDQ

视频博主

• 飞叶_程序员 https://space.bilibili.com/443094046/video

文章播主

• YeeJone https://www.zhihu.com/people/jone-41
• 大厂每日一题 https://q.shanyue.tech/open

待整理

• [ ] 深度解析 React 合成事件：机制、作用及与 Vue 事件机制的对比 https://mp.weixin.qq.com/s/xPua2ZN9oul0Gbydykzh6A
• [ ] React Context 重新渲染 https://mp.weixin.qq.com/s/KiAwr6uZl7IW7WpcUOgBmw
• [ ] 从零实现 Vue 响应式机制：带你吃透依赖收集与更新原理 https://mp.weixin.qq.com/s/jyAtpDi6paKLCXr-bwWimA
• [ ] 响应式机制的未来：Signal 与现代前端框架 https://mp.weixin.qq.com/s/vAXRnEo9Kh7R-fcXzKwZPA
• [ ] 撸一个小程序运行容器 https://mp.weixin.qq.com/s/3qsbnl2v9slj973NqSRWhQ
• [ ] 深入解析 Webpack 的构建流程：一场高级技术冒险 https://mp.weixin.qq.com/s/9RuViN4vktFkmbKg89TsMQ
• [ ] Vue 抛弃虚拟 DOM，底层到底换成啥了？怎么更新 DOM？https://mp.weixin.qq.com/s/M_-gKN4jlJ2ChJCusWrnHA
• [ ] Vue 3.6 将正式进入「无虚拟 DOM」时代！https://mp.weixin.qq.com/s/zbUCreQ8Fq_6y1SqlekQdw
• [ ] 前端经典10道题 https://juejin.cn/post/7612495518645174323