- 博客(134)
- 收藏
- 关注
RSS订阅原创 前端周报：Google I/O 发布 Agentic Web、TypeScript 6.0 正式版、npm 安全新策略
未来将迁移到 Go 重写版本。新版本内置 Temporal API 类型支持，新增 ES2025 lib 选项，支持 RegExp.escape 等新 API。
2026-05-24 17:57:56
335
原创 快速夯实 JavaScrilpt 基础的 33 个概念
类型系统是地基，理解值和引用的区别作用域与执行机制是运行时，掌握闭包和 this面向对象是原型链，理解继承本质函数式编程是另一面，写出优雅的代码异步编程是精髓，Event Loop 是核心浏览器与 Web API是实战，DOM 和 Fetch 是基础模块化与现代语法是趋势，ES6+ 是标配工程化与最佳实践是进阶，设计模式和性能优化是分水岭如果你能把这 33 个概念都吃透，你就真的懂 JavaScript 了。知道它们是什么、为什么需要它们、什么时候用、怎么用、有什么坑。
2026-05-20 19:40:24
522
原创 JavaScript 9 个先有库再有 API 的故事
当然了，不是每个浏览器特性都始于库，很多也直接来自浏览器工程师和标准机构。但这条特定的路径 —— 先有社区方案，再有标准化是最健康的演进方式之一。因为这是一个反馈循环，而不是竞争。这些库在生产环境中被成千上万的开发者测试，收集 bug 反馈，不断迭代。那些活下来的模式，最终被标准化进了平台本身。但不用伤心，平台吸收库不是库“输了”。而是它们成功到变得不必要了。谨此怀念一下当年写的那么多代码吧，都已经成了历史的尘埃。
2026-05-19 21:08:50
546
原创 GitHub 前端热榜项目 - 日榜(2026-05-17)
极速 JavaScript 运行时、打包器、测试运行器和包管理器，集四大功能于一身🏷️。
2026-05-17 18:25:46
572
原创 前端周报：Rolldown 1.0 正式发布、TanStack 遭遇史诗级供应链攻击、Bun 全面迁移至 Rust
以淘宝交易结算这一高并发场景为背景，系统性地梳理了。
2026-05-17 18:11:25
462
原创 GitHub 热门项目-日榜(2026-05-13)
💡 推荐语：专为 Claude 打造的企业级智能体编排平台，支持自学习集群智能和原生 Claude Code 集成，还包含本地模型层 ruvLLM。💡 推荐语：阿里巴巴开源的通用沙箱平台，已被 CNCF Landscape 收录，为编码智能体、GUI 智能体提供安全隔离的执行环境。💡 推荐语：开发者必备的 macOS 菜单栏工具，实时监控 AI 编程助手的使用额度和成本，支持命令行和 Linux。📋 项目介绍：自托管的 AI 伴侣容器，目标达到 Neuro-sama 的高度，支持实时语音聊天和游戏。
2026-05-13 20:39:05
338
原创 OpenClaw 为什么火？为什么又不火了？还是学 Hermes？
3 月的时候，OpenClaw 火得一塌糊涂，想必你已经深刻感受到了。仅仅 1 个月后，这股狂热便如潮水般退去，现在你是不是很少看到有人在聊 OpenClaw 了？OpenClaw 为什么会这么火？为什么不火了？还有必要学这个吗？还是应该学习 Hermes？本篇我们来聊一聊。
2026-05-13 20:31:42
646
原创 前端周报：Remix 3、Node 26 与 Chrome 148
它梳理了挂载组件、等待 DOM 更新、填写表单、覆盖率统计等真实问题，适合想降低测试工具链心智负担、同时提升组件集成测试可信度的团队阅读。对做 SSR、BFF、API 网关、任务服务的前端基础设施团队来说，它依旧是部署、守护、监控与零停机重载的可靠工具。W3C 这份总览文档适合做长期参考，它能帮助团队把语义化、对比度、键盘导航、阅读顺序等问题纳入前端开发基线，而不是等测试阶段再被动返工。它把代码关系显式图谱化，让“看文件”升级成“看结构”，尤其适合前端单体仓、多包仓和需要跨模块理解的团队。
2026-05-11 17:43:38
527
原创 GitHub 前端热榜项目 - 日榜(2026-05-10)
🏷️ 关键词： TypeScript、React、Wheel Picker、Picker Component、iOS 风格、交互组件。🏷️ 关键词： TypeScript、AI Agent、CLI、LLM API、TUI、Web UI、Slack Bot、vLLM。🏷️ 关键词： TypeScript、React、shadcn/ui、UI、Accessible、Composable。🏷️ 关键词： React、Hooks、TypeScript、SSR、Tree-shaking、浏览器 API。
2026-05-10 14:34:26
361
原创 AI 编程的 30 条最佳实践
AI 编程的核心是：把 AI 当作一个聪明但缺乏经验的初级开发者。明确的需求SPEC.md清晰的指令（结构化 Prompt）完整的上下文（文档、代码、错误信息）严格的验证（测试、Review、安全检查）记住这 30 条最佳实践，你的 AI 编程效率能提升 10 倍。
2026-05-10 14:33:29
373
原创 GitHub 前端热榜项目 - 日榜(2026-05-09)
AI 智能体工具包：编程智能体 CLI、统一 LLM API、TUI 与 Web UI 库、Slack 机器人、vLLM Pod🏷️。
2026-05-09 23:13:10
518
原创 超越Vibe Coding —— AI 辅助编程进阶指南
传统的 Prompt 工程是“写一个好问题”，但上下文工程是“为 AI 准备一个完整的信息环境”。类比：Prompt 工程：你问一个问题上下文工程：你给 AI 一个完整的工作台，包括代码库、文档、历史对话、相关文件AI 编程不是简单的“让 AI 写代码”，而是一套完整的工程方法论。从工具选择到上下文工程，从 Prompt 技巧到多 Agent 协同，每一个环节都有讲究。记住这几个核心原则：规划优先：先让 AI 给方案，再写代码上下文为王：提供完整、结构化的信息小步快跑：每次修改后立即测试善用约束。
2026-05-09 17:50:09
716
原创 GitHub 前端热榜项目 - 日榜(2026-05-08)
开源的 AI 编码代理工具，专为终端设计。支持多种 AI 模型提供商（GPT-4、Claude、Gemini 等），提供桌面应用和命令行两种使用方式，内置两个可切换的智能代理。💡。
2026-05-08 18:35:28
275
原创 超越 Vibe Coding —— AI 辅助编程指南
Vibe Coding 是一种“随性”的开发方式：你给 AI 一个模糊的需求，它给你一堆代码，你看都不看直接运行，关注的是整体“感觉”而不是实现细节。特斯拉前 AI 总监描述过这种未来：“我只是看看东西、说说话、跑跑代码、复制粘贴，然后它就能工作了。听起来很美好对吧？
2026-05-08 18:28:23
743
原创 3 招让你的 Shadcn 出海应用性能提升 40 倍
记住： 性能是一个功能。从第一天就把它构建进去。用户可能不会注意到你的网站有多快，但他们绝对会注意到它有多慢。运行看看你的 bundle选最大的 chunk 优化它测量改进重复优化下一个最大的 chunk小改进有复利效果。如果你每个迭代有 10% 的改进，7 个迭代后性能就能翻倍！
2026-05-07 13:39:32
383
原创 AI 需要学，你更需要学的 56 条软件工程定律
AI虽然能生成代码，但缺乏人类积累的软件工程经验。本文总结了56条关键工程定律，重点解析了架构设计、代码质量、团队协作等核心领域的15条黄金法则。包括康威定律揭示的组织架构影响、CAP定理的分布式系统限制、DRY/KISS等代码原则，以及布鲁克斯定律指出加人反而延期的反直觉现象。这些定律既是AI容易踩坑的盲区，也是工程师做出更好决策的指南。掌握这些用血泪换来的经验，才能在复杂项目中游刃有余。
2026-04-28 21:12:09
455
原创 写了 10 年代码，我才发现最该学的其实是…
大多数增长并非来自重大突破。它源于持续不断的小改进。你不需要了解所有事情，只需要再每次建造时都多花一点心思。这就是普通代码如何变得优秀的过程。也是优秀开发者成长为卓越开发者的过程。我是冴羽，10 年笔耕不辍，专注前端领域，更新了 10+ 系列、300+ 篇原创技术文章，翻译过 Svelte、Solid.js、TypeScript 文档，著有小册《Next.js 开发指南》、《Svelte 开发指南》、《Astro 实战指南》。欢迎围观我的“网页版朋友圈冴羽（或搜索 yayujs）
2026-04-21 19:15:34
367
原创 一个 70 行的文件，6 万 Star：Karpathy 的 AI 编程守则
CLAUDE.md这个仓库火，不是因为它技术多牛逼。而是因为它解决了一个所有人都在经历，但没人系统化表达的问题。AI 编程助手确实改变了游戏规则。但它们也带来了新的问题：代码写得快了，但质量参差不齐实现速度快了，但理解成本高了生产力提升了，但维护负担也增加了Karpathy 的洞察 + Forrest Chang 的执行，给了我们一个实用的解决方案。不是限制 AI，而是引导它。这就是 2026 年的 AI 工程：不是让 AI 做所有事，而是让 AI 在正确的护栏内做正确的事。工具就摆在那里。
2026-04-20 17:46:34
482
原创 最大的 React 性能杀手不就是你？
内联对象和内联回调不是“错误代码”。大部分时候，它们就是普通的 JSX 表达式。但当它们穿过 memo 边界时，游戏规则就变了。这个问题值得更多关注，因为它太容易在生产环境里悄悄发生——代码看起来很干净，应用运行正常，但你以为买到的性能优化其实根本没生效。先 Profile。如果 memo 的子树还在频繁渲染，先检查 props，别急着怪 React。把静态对象移出渲染路径。只在子组件真正受益时才 memoize 回调。
2026-04-19 18:51:00
395
原创 2026 年的 JavaScript 已经不是你认识的 JavaScript 了
JavaScript 生态正在经历一个“收敛”的阶段。以前要装几十个包才能干的事，现在语言本身、运行时、框架都在往“内置”方向走。TypeScript 直接跑、内置 SQLite、内置测试运行器……这当然是一种好的收敛——不是说包不重要，而是那些基础能力，越来越不需要自己搭了。作为前端工程师，我们的精力应该放在理解这些工具的能力边界上，然后专注真正重要的事：解决用户问题。
2026-04-18 17:54:47
518
原创 请愿书：Node.js 核心代码不应该包含 AI 代码！
2026 年 3 月，一场关于 AI 生成代码的争议在 Node.js 社区掀起轩然大波。一份请愿书在短短数天内获得超过百名开发者签名，呼吁技术指导委员会（TSC）禁止 AI 生成的代码进入核心仓库。这场争议不仅关乎技术选择，更触及开源项目的价值观与未来走向。
2026-04-17 17:54:05
371
原创 等等，浏览器竟然有这功能？！10 个被低估的 Web API
其中一些可能是你的日常工具，但我敢肯定至少有几个会让你惊呼“等等等，浏览器竟然有这功能？！好了，废话不多说，让我们开始吧。
2026-03-20 11:15:47
400
原创 OpenClaw 接入飞书配置指南
如果你已经参考上篇配置了一只龙虾，本篇我们讲解如何连接飞书，让你可以通过飞书与龙虾对话。步骤并不难，跟着教程一步步走，10 分钟搞定。
2026-03-18 13:09:39
1362
原创 在浏览器控制台调试的 6 个秘密技巧
0;// 查看元素// 修改样式// 添加类名$1$2$3$4会引用最后选中的 5 个元素。非常适合快速比较或操作多个元素。2 + 2;// 40$_存储控制台中最后一个表达式的计算结果。这对于无需重新输入即可链式执行操作非常有用。正确的调试技巧可以为你节省数小时的试错时间。但比这些快捷键更有价值的，是一种「工具思维」的习惯。当你不再把 DevTools 看作一个静态的调试面板，而是一个可以对话、可以编程、可以无限扩展的工作台时，你的调试方式就会发生质变。
2026-03-17 18:29:42
220
原创 OpenClaw 龙虾零成本快速安装教程，不用花钱，无须 API Key
想象一下：你只需要说一句话，电脑就能自动帮你完成搜索资料、整理文件、填写表单等重复性工作——这不是科幻片，这就是 OpenClaw，一个能让 AI 真正“操作”你电脑的开源工具。最近看到新闻，竟然有人花 500 块找人上门安装 OpenClaw。说实话，如果连安装都搞不定，后面的使用可能会更头疼。但其实，OpenClaw 的安装远没有想象中那么复杂。作为一个热爱分享的程序员，我决定写一个，涵盖安装、使用、技巧、实战等各个方面，让更多人能用上这个强大的工具。
2026-03-16 18:00:23
530
原创 前端开发者的迷茫，其实是认知跃迁的前夜
作为前端开发者，你是否也曾陷入这样的困境：技术栈不断更新却感觉越学越迷茫？每天忙碌工作却看不到成长？想要突破瓶颈却不知从何下手？AI 时代来临，更是焦虑倍增……如果这些是你的困扰，那么下面这些问题，可能正是你一直在寻找答案的。
2026-03-13 18:17:26
354
原创 资深前端都在用的 9 个调试偏方
正确的调试技巧可以为你节省数小时的试错时间。掌握这些工具，你将减少添加日志的时间，增加实际修复 bug 的时间。我是冴羽，10 年笔耕不辍，专注前端领域，更新了 10+ 系列、300+ 篇原创技术文章，翻译过 Svelte、Solid.js、TypeScript 文档，著有小册《Next.js 开发指南》、《Svelte 开发指南》、《Astro 实战指南》。欢迎围观我的“网页版朋友圈冴羽（或搜索 yayujs），每天分享前端知识、AI 干货。
2026-03-12 17:34:29
227
原创 AI 时代前端开发不变的 3 个原则
技术浪潮一波接一波，追是追不完的。真正能让你立住脚的，是看透这些变化背后的本质——性能、体验、可靠性。就像贝索斯说的，与其猜什么会变，不如抓牢什么不会变。在变化的世界里，找到那些不变的东西，才是安身立命的根本。我是冴羽，10 年笔耕不辍，专注前端领域，更新了 10+ 系列、300+ 篇原创技术文章，翻译过 Svelte、Solid.js、TypeScript 文档，著有小册《Next.js 开发指南》、《Svelte 开发指南》、《Astro 实战指南》。欢迎围观我的“网页版朋友圈。
2026-03-11 18:11:36
402
原创 来自顶级大佬 TypeScript 之父的 7 个启示
快速反馈比优雅更重要系统需要容纳许多人编写不完美的代码行为兼容性往往比架构纯粹性更重要透明化的权衡取舍能够建立信任这些并非次要因素，而是决定工具能否随着用户群体增长而不断适应的根本性决策。此外，它们也为创新奠定了基础，确保新想法能够在不破坏现有有效机制的前提下生根发芽。对于任何致力于打造经久不衰的工具的人来说，这些基本要素与任何突破性功能都同样重要。而这或许才是最重要的一课。
2026-03-10 17:49:49
366
原创 2026 年前端开发工程师应该学什么？
其实这些软实力放在以前也很重要，只是一个项目最优先的应该是“先把它完成”，所以以前“技术好”显得更重要，但现在技术的差距被拉平，于是这些软实力变得空前重要。事实上，一个编程大佬和编程小白之间的生产力差距，顶多 2 倍之多，但一个 AI 大佬和 AI 小白之前的生产力差距，却可以达到。这就是为什么星球要更新 AI 相关的内容，至少要帮助大家把 AI 的能力补齐，当然对我来说，这本身也是一个学习的过程。因为学习速度快，爱折腾，所以技术好。即便更新了这么多，对我来说，新的一年，依然有很多需要更新的内容。
2026-03-09 19:01:23
590
原创 写给自学前端同学的编程法则
这些原则不是什么高深的理论，都是前人踩坑总结出来的经验。其实好的代码就像好的文章：结构清晰：每个部分都有明确的作用语言简洁：用最简单的词表达清楚的意思逻辑流畅：读起来一气呵成，不用来回翻页易于理解：即使是外行人也能明白在说什么记住这些原则，哪怕是 AI 生成的代码，也可以让它有质的飞跃！
2026-03-03 18:09:06
398
原创 100s 带你了解 Bun 为什么这么火
1995 年， JavaScript 诞生，主要用于广告弹窗。2009 年，Node.js 诞生，JS 可以写后端了。然而这是，之后 JS 发展出了世界上最复杂的工具链。于是写一个 Web 项目，你需要 Node.js 作为运行环境，Npm 作为包管理器，Webpack 作为打包工具，Jest 作为测试，还要用 Babel 转译，还要写一大堆没人看懂的配置文件。这样的痛苦想必你已经体会到了。2021 年，Bun 说：“为什么不能在运行时就完成所有得事情呢？于是它火了。
2026-02-26 17:19:20
407
原创 2026 年 JavaScript 框架 3 大趋势
2026年，JavaScript框架的发展将进入一个全新的阶段。这不是简单的技术升级，而是开发思维的深刻变革。3 个关键点值得记住：AI优先不是噱头，而是重新定义框架设计的基础理念同构架构体现了"大道至简"的技术哲学异步优先将用户体验提升到了前所未有的高度面对这些变化，我们需要的不仅仅是技术准备，更是思维方式的调整。未来的前端开发将更加智能、更加自然，也更加专注于解决真正的用户问题。
2026-02-25 17:25:27
761
原创 我没想到 CSS if 函数这么强
如果 CSS 能像 JavaScript 一样进行条件判断会怎样？你可能会想，只是个条件判断，能有什么用？那你就太小瞧这个功能了！这篇文章带你展示它的强大。PS：目前 CSS if() 函数已在 Chrome 137 中正式发布。
2026-02-04 18:12:39
704
原创 2026 年的 Node.js 已经不是那个你认识的 Node.js 了
Node.js 在 2026 年不仅仅是一个增量更新——它是一个范式转变：✅原生 TypeScript= 开发无需构建工具✅类型剥离= 比编译快 10-20 倍✅HTTP/3= 实际性能提升✅WebGPU= 无需 Python 的 AI/ML✅权限模型= 生产级安全✅内置 SQLite= 无依赖数据库✅环境验证= 不再需要 dotenv✅智能监视模式= 不再需要 nodemon✅测试运行器= 不再需要 Jest/Mocha✅现代 JavaScript。
2026-02-03 20:27:39
1054
原创 Flexbox水太深，你把持不住
我以前以为我懂 flexbox，于是给容器加个，然后就祈祷布局如我所愿。有时候确实有效，但大部分时候，我得到了一堆“各自为政”的列，完全不是我想要的样子。直到我发现了这三个简单模式，一切都变了。
2026-02-02 19:09:40
935
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人