🔶 前端优质资源、前沿AI工具分享
查看飞书原文 ↗5,073 字符
一、 必读博客 / 人物
国内团队博客
•
凹凸实验室 (AOTU.IO): 京东用户体验设计部出品，文章质量非常高，内容覆盖广度与深度俱佳，尤其在图形学、可视化、前端工程化方面有深入探索。
•
淘系前端团队 (TaobaoFED): 淘宝前端团队，分享电商业务下的前端挑战与解决方案，内容非常务实，尤其在大促高并发、性能优化、跨端技术（如 Weex）方面有丰富经验。
•
美团技术团队: 内容不止于前端，但前端相关的文章都极具深度，尤其在性能优化、前端监控、Node.js 实践、小程序开发等方面值得反复阅读。
•
AlloyTeam: 腾讯 AlloyTeam 团队，虽然近年更新频率降低，但其历史文章（如 Webpack 深入、JS 基础剖析）依然是经典，值得考古。
•
奇舞团 360: 奇虎 360 公司的前端团队，其《奇舞周刊》非常有名，博客本身也沉淀了大量技术好文。
国外团队博客 & 资讯站
•
Vercel Blog: Next.js 的母公司，这里是获取 React 服务端渲染、边缘计算、Web 性能和未来 Web 架构风向的最佳去处。
•
Chrome for Developers: Google Chrome 团队官方出品，获取 Web 平台最新 API、浏览器新特性、性能分析工具 (DevTools) 更新的一手来源。
•
Smashing Magazine: 老牌、高质量的前端技术杂志，内容涵盖设计、开发、UX 等，文章通常篇幅较长但深度十足。
•
CSS-Tricks: 学习 CSS 的宝藏网站，虽然创始人已离开，但历史文章和 Almanac（CSS 属性大全）依然是不可多得的参考资料。
技术领袖 (Twitter / Blog)
•
Evan You (尤雨溪): Vue.js 和 Vite 的创造者。关注他可以第一时间了解 Vue 生态和前端构建工具的未来方向。
◦
•
Dan Abramov: React 核心团队成员，Redux 的共同作者。他的文章和 Twitter 善于用简单的语言解释复杂概念，对深入理解 React 原理非常有帮助。
◦
◦
•
Anthony Fu (antfu): Vue 核心团队成员，Vite 生态的巨擘，VantUI 作者。开源界的“卷王”，创造了 Vitest, VueUse, Slidev 等无数优秀工具。关注他能让你灵感迸发。
◦
◦
•
Addy Osmani: Google Chrome 团队的工程经理，专注于 Web 性能和工具。他的文章和分享是性能优化的权威指南。
◦
•
Rich Harris: Svelte 和 Rollup 的创造者。他的思想和演讲总是能引发对当前前端开发范式的深刻反思。
◦
二、 优质周刊 / 资讯
通过订阅周刊，可以高效地过滤和聚合每周最重要的行业信息，保持知识的同步。
•
Frontend Focus: 综合性前端周刊，涵盖 HTML, CSS, WebGL, Canvas 等，每周一期，内容精炼。
•
JavaScript Weekly: 专注于 JavaScript 语言本身、库和框架的周刊，是 JS Weekly 系列的旗舰。
•
React Status / Node Weekly: 如果你专注于 React 或 Node.js，这两个垂直领域的周刊能提供更聚焦的内容。
•
Bytes: 由 react-router 作者创建，风格轻松有趣，除了技术链接，还有编程 meme，非常受欢迎。
•
奇舞周刊: 由 360 奇舞团维护，是国内质量最高的中文前端周刊之一，每周筛选国内外优秀文章并附上简短评语。
三、 宝藏开源库
•
Zod: TypeScript-first 的 schema 声明和验证库。它能让你只定义一次数据结构，就自动获得类型推断和运行时验证，完美解决了 TS 类型与运行时数据校验的鸿沟。
•
Zustand: 轻量、快速的 React 状态管理库。API 极其简洁，基于 Hooks，几乎没有模板代码，心智负担小，被誉为“Redux 的现代简约替代品”。
•
Partytown: 将第三方脚本（如 Google Analytics, Intercom）的执行转移到 Web Worker 中，从而释放主线程，显著提升网站性能和响应速度，尤其适合营销或分析脚本过多的场景。
•
AutoAnimate: 一个零配置的动画库。只需将其应用到父元素上，任何子元素的增、删、移动都会自动产生平滑的过渡动画。用于列表或表单等动态场景效果拔群。
•
date-fns: 现代、模块化的 JavaScript 日期工具库。相比 Moment.js，它支持摇树优化（Tree-shaking），打包体积更小，且 API 设计更符合函数式编程思想，返回不可变对象。
•
Radix Primitives: 一系列高质量、无样式、功能完备的 React UI 组件（如下拉菜单、对话框、工具提示等），专注于可访问性 (a11y) 和键盘交互。你可以完全自定义样式，是构建设计系统的绝佳底层。
四、AI 编程与学习平台
吴恩达（Andrew Ng）
•
•
•
•
Anthropic
•
•
•
•
五、优质博主/ AI从业者
•
Andrej Karpathy（Open AI联合创始人）
•
Sam Altman：(OpenAI的首席执行官）
•
Simon Willison (Datasette 项目创作者)
•
Yann LeCun（Meta 首席科学家）
中文优质博主
•
宝玉（dotey）：
六、一手 AI 信息媒体
•
•
•
•
七、AI 工具
对话式助手
1.
2.
3.
4.
终端命令行
1.
2.
3.
4.
效率工具
1.
2.
3.
智能体平台
1.
八、 优秀网站推荐
1.
Grid布局
九、前端好书推荐
附件不支持打印
JavaScript高级程序设计（第5版）.pdf
161.71MB
本文暂未被其它文档引用
原文链接与附件索引
- https://aotu.io
- https://fed.taobao.org
- https://tech.meituan.com
- http://www.alloyteam.com
- https://75.team
- https://vercel.com/blog
- https://developer.chrome.com/blog
- https://www.smashingmagazine.com
- https://css-tricks.com
- @youyuxi
- overreacted.io
- @dan_abramov
- https://antfu.me/
- @antfu7
- @addyosmani
- @Rich_Harris
- https://frontendfoc.us
- https://javascriptweekly.com
- https://react.statuscode.com
- https://nodeweekly.com
- https://bytes.dev
- https://weekly.75.team
- https://github.com/colinhacks/zod
- https://github.com/pmndrs/zustand
- https://github.com/BuilderIO/partytown
- https://github.com/formkit/auto-animate
- https://github.com/date-fns/date-fns
- https://www.radix-ui.com
- https://www.deeplearning.ai/courses/ai-for-everyone/
- https://learn.deeplearning.ai/courses/vibe-coding-101-with-replit/lesson/rmlc7/principles-of-agentic-code-development
- https://www.youtube.com/@AndrewNg
- https://twitter.com/AndrewYNg
- https://www.anthropic.com/learn
- https://www.youtube.com/@anthropic-ai
- https://docs.anthropic.com/zh-CN/docs/claude-code/overview
- https://www.youtube.com/watch?v=T9aRN5JkmL8
- https://modelcontextprotocol.io/docs/getting-started/intro
- https://x.com/karpathy
- https://www.youtube.com/@AndrejKarpathy
- https://x.com/sama
- https://x.com/simonw
- https://x.com/ylecun
- https://x.com/dotey
- https://openai.com/news/
- OpenAI
- https://www.anthropic.com/news
- https://www.anthropic.com/engineering
- https://blog.google/technology/ai/
- https://research.google/blog/
- https://ai.meta.com/blog/
- https://ai.meta.com/research/
- https://x.ai/news
- https://chatgpt.com/
- https://www.cherry-ai.com/
- https://www.perplexity.ai/
- https://openrouter.ai/
- https://www.warp.dev/
- https://openai.com/codex/
- https://github.com/QwenLM/qwen-code
- https://www.raycast.com/
- https://www.perplexity.ai/comet
- https://notebooklm.google.com/
- https://n8n.io/workflows/
- https://cssgridgarden.com/